:root{
  /* Ripply primary accent: royal blue */
  --bg:#060C1F;
  --bg2:#081029;
  --panel:#0D1735;
  --panel2:#101B3E;
  --ink:#F6F8FF;
  --muted:#A7AFC8;
  --muted2:#737B92;
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.06);
  --electric:#052FE2;
  --electric2:#3D63FF;
  --cyan:#72E7FF;
  --green:#63E2AE;
  --rose:#FF8EB8;
  --white:#FFFFFF;
  --shadow:0 30px 100px rgba(0,0,0,.35);
  --wrap:min(1240px,calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:
  radial-gradient(700px 500px at var(--mx,80%) var(--my,10%),rgba(5,47,226,.12),transparent 65%),
  radial-gradient(700px 500px at 10% 85%,rgba(99,138,255,.08),transparent 68%),
  linear-gradient(180deg,#060D21 0%,#060C1F 45%,#050B1C 100%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.wrap{width:var(--wrap);margin-inline:auto}
.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;transition:.35s ease}
.nav.scrolled{padding:10px 0;background:rgba(6,12,31,.72);backdrop-filter:blur(20px);border-bottom:1px solid var(--line2)}
.navin{display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:20px}
.brandmark{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:inset 0 0 30px rgba(5,47,226,.08)}
.brandmark svg{width:22px;height:22px}
.brandtext small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7D86A2;font-weight:800;margin-top:-1px}
.navlinks{display:flex;align-items:center;gap:30px;font-size:13px;color:#A7AEC4}
.navlinks a{transition:.2s}.navlinks a:hover{color:#fff}
.navright{display:flex;align-items:center;gap:10px}
.navghost{font-size:13px;color:#A7AEC4;padding:10px 13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;border:1px solid transparent;padding:13px 19px;font-size:13px;font-weight:780;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:linear-gradient(135deg,#052FE2 0%,#1747EE 58%,#4168FF 100%);color:#fff;box-shadow:0 12px 35px rgba(5,47,226,.25),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.primary:hover{box-shadow:0 16px 42px rgba(5,47,226,.34),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.035);color:#D7DBE8}
.btn.ghost:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.055)}

/* hero */
.hero{min-height:100vh;padding:142px 0 70px;position:relative;overflow:hidden;display:flex;align-items:center}
.heroHalo{position:absolute;inset:auto auto 8% 50%;width:1050px;height:650px;transform:translateX(-50%);border-radius:50%;filter:blur(15px);background:radial-gradient(circle,rgba(5,47,226,.15),rgba(73,104,197,.04) 42%,transparent 70%);pointer-events:none}
.heroInner{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 11px;color:#B6BDD2;font-size:12px;font-weight:780;letter-spacing:.10em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(99,226,174,.08),0 0 18px rgba(99,226,174,.55);animation:pulse 2s infinite}
.heroCopy{text-align:center;max-width:1080px;margin:0 auto}
.hero h1{font-size:clamp(62px,7.4vw,112px);line-height:.87;letter-spacing:-.065em;margin:24px auto 30px;font-weight:760;max-width:1080px;text-wrap:balance}
.hero h1 .soft{display:block;color:#B9BFD2;font-weight:620}
.hero h1 .gradient{display:block;background:linear-gradient(90deg,#fff 0%,#9AB3FF 32%,#799AFF 68%,#fff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}
.heroLead{font-size:clamp(17px,1.6vw,21px);line-height:1.65;color:#A7ADC1;max-width:760px;margin:0 auto 30px}
.heroAudience{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:720px;margin:0 auto 18px;text-align:left}.heroAudience>div{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 13px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.025)}.heroAudience span{flex:none;font-size:10px;letter-spacing:.11em;font-weight:850;color:#86A1FF}.heroAudience b{font-size:12px;line-height:1.35;color:#8D96AD;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heroActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.microProof{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px auto 0;font-size:12px;color:#78748E}
.microProof .avatars{display:flex}.microProof .avatars span{width:25px;height:25px;border-radius:50%;border:2px solid var(--bg);background:linear-gradient(135deg,#8AA7FF,#5E86FF);display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;margin-left:-6px}.microProof .avatars span:first-child{margin-left:0}.microProof b{color:#C4CADA}

.heroStage{position:relative;margin:78px auto 0;max-width:1160px;height:490px;perspective:1400px}
.heroStage:before{content:"";position:absolute;inset:16% 8% -15%;background:radial-gradient(ellipse,rgba(5,47,226,.20),transparent 65%);filter:blur(45px)}
.orbit{position:absolute;left:50%;top:48%;width:760px;height:325px;transform:translate(-50%,-50%) rotateX(68deg);border:1px solid rgba(126,158,255,.15);border-radius:50%;box-shadow:inset 0 0 80px rgba(80,124,255,.025)}
.orbit.o2{width:930px;height:415px;opacity:.5}.orbit.o3{width:1080px;height:480px;opacity:.25}
.rippleRing{position:absolute;left:50%;top:49%;width:220px;height:220px;transform:translate(-50%,-50%);border:1px solid rgba(119,153,255,.12);border-radius:50%;animation:ripple 4.2s ease-out infinite;opacity:0}
.rippleRing.r2{animation-delay:1.4s}.rippleRing.r3{animation-delay:2.8s}
.coreCard{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotateX(2deg);width:340px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(21,32,66,.94),rgba(11,19,43,.94));box-shadow:0 35px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);padding:20px;z-index:4;backdrop-filter:blur(20px)}
.coreTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.coreTop strong{font-size:14px}.coreTop span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#65E2AE;background:rgba(99,226,174,.09);border:1px solid rgba(99,226,174,.16);padding:6px 8px;border-radius:999px}
.assetCard{padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}
.assetLabel{font-size:11px;color:#7A8298;text-transform:uppercase;letter-spacing:.12em}.assetCard b{display:block;font-size:16px;line-height:1.25;margin:7px 0 6px}.assetCard p{font-size:12px;color:#8D94A8;margin:0}.coreFlow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.coreFlow div{padding:10px 8px;border-radius:11px;border:1px solid var(--line2);background:rgba(255,255,255,.025);text-align:center}.coreFlow span{display:block;color:#8FABFF;font-weight:820;font-size:13px}.coreFlow small{font-size:10px;color:#77738E}
.employee{position:absolute;z-index:3;width:230px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(145deg,rgba(17,27,57,.88),rgba(9,16,38,.82));box-shadow:0 22px 60px rgba(0,0,0,.28);padding:14px;backdrop-filter:blur(15px);animation:float 5s ease-in-out infinite}
.employee.e1{left:2%;top:9%;animation-delay:-1.1s}.employee.e2{right:1%;top:12%;animation-delay:-2.2s}.employee.e3{left:7%;bottom:0;animation-delay:-3.3s}.employee.e4{right:7%;bottom:1%;animation-delay:-4.1s}
.personHead{display:flex;align-items:center;gap:9px}.personAvatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:850;background:linear-gradient(135deg,#6E92FF,#6D92FF)}.personHead b{display:block;font-size:12px}.personHead small{display:block;font-size:11px;color:#77728D}.postText{font-size:12px;line-height:1.55;color:#AEB4C4;margin:12px 0}.postMeta{display:flex;gap:6px;flex-wrap:wrap}.postMeta span{font-size:10px;color:#8990A4;border:1px solid var(--line2);border-radius:999px;padding:4px 6px}.clickChip{position:absolute;z-index:6;border:1px solid rgba(99,226,174,.2);background:rgba(34,80,65,.62);color:#BAF3D8;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.23);animation:float 4.3s ease-in-out infinite}.clickChip.c1{left:24%;top:3%}.clickChip.c2{right:23%;bottom:5%;animation-delay:-1.8s}.clickChip.c3{right:18%;top:42%;animation-delay:-3s}

/* marquee */
.marqueeWrap{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);overflow:hidden;background:rgba(255,255,255,.012)}
.marquee{display:flex;width:max-content;animation:marquee 26s linear infinite;padding:17px 0}
.marquee span{display:flex;align-items:center;gap:18px;padding:0 24px;color:#5A6073;font-size:12px;font-weight:780;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.marquee span:after{content:"✦";color:#052FE2}

/* shared section */
.section{padding:128px 0;position:relative}
.sectionLabel{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#878EA2;margin-bottom:16px}
.sectionLabel.blue{color:#8EAAFF}
.sectionTitle{font-size:clamp(44px,5.2vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px;font-weight:690;text-wrap:balance}
.sectionLead{font-size:17px;line-height:1.72;color:#9BA1B4;max-width:670px;margin:0}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}

/* gap */
.gapSection{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.gapGrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}
.gapCopy .sectionTitle{font-size:clamp(48px,5vw,74px)}
.gapVisual{position:relative;min-height:600px}
.gapVisual:before{content:"";position:absolute;inset:8% 0;background:radial-gradient(circle at 55% 55%,rgba(90,131,255,.12),transparent 58%)}
.flowStack{position:absolute;inset:0;display:grid;place-items:center}
.flowNode{width:82%;padding:23px 25px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,27,57,.85),rgba(10,17,39,.82));box-shadow:var(--shadow);display:grid;grid-template-columns:46px 1fr auto;gap:16px;align-items:center;position:relative}
.flowNode + .flowNode{margin-top:16px}.flowNode .num{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(95,135,255,.1);border:1px solid rgba(113,148,255,.18);font-size:12px;font-weight:800;color:#9AB3FF}.flowNode small{display:block;color:#6F6B84;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.flowNode b{display:block;font-size:15px;margin-top:3px}.flowNode em{font-style:normal;font-size:12px;color:#77738E}.flowNode.active{border-color:rgba(106,143,255,.35);background:linear-gradient(145deg,rgba(26,39,79,.92),rgba(13,22,49,.94));box-shadow:0 32px 90px rgba(45,72,155,.18)}.flowNode.active .num{background:linear-gradient(135deg,#5C85FF,#638AFF);color:white}.flowConnector{height:58px;width:1px;background:linear-gradient(#515C7D,#5D85FF);margin:0 auto;position:relative}.flowConnector:after{content:"";position:absolute;bottom:-1px;left:50%;width:6px;height:6px;border-right:1px solid #698EFF;border-bottom:1px solid #698EFF;transform:translateX(-50%) rotate(45deg)}

/* voices */
.voicesSection{padding-top:80px}
.voicesHead{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:55px}.voicesHead .sectionLead{justify-self:end}
.voiceDeck{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.voiceCard{min-height:420px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.voiceCard:hover{transform:translateY(-8px);border-color:rgba(112,148,255,.28);background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}
.voiceCard:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(104,142,255,.18),transparent 68%)}
.voiceTop{display:flex;justify-content:space-between;align-items:center}.voiceRole{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#77738D}.voiceTone{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:5px 7px;color:#77738E}.voiceAvatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin:28px 0 18px;background:linear-gradient(135deg,#5882FF,#698EFF);font-weight:850}.voiceCard h3{font-size:22px;margin:0 0 13px;letter-spacing:-.03em}.voiceQuote{font-size:13px;line-height:1.65;color:#A6ACBD;margin:0;flex:1}.voiceFooter{padding-top:22px;margin-top:22px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center}.voiceFooter span{font-size:11px;color:#716D83}.voiceFooter b{font-size:12px;color:#9DB5FF}

/* loop */
.loopSection{overflow:hidden}
.loopPanel{border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:56px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.loopHead{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end}.loopHead .sectionLead{justify-self:end}
.loopTrack{margin-top:66px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.loopTrack:before{content:"";position:absolute;left:7%;right:7%;top:31px;height:1px;background:linear-gradient(90deg,#4159A0,#5D85FF,#688EFF,#5E86FF,#53B6D5);opacity:.5}.loopTrack:after{content:"";position:absolute;left:7%;top:30px;width:12%;height:3px;border-radius:999px;background:linear-gradient(90deg,#81A0FF,#7396FF);box-shadow:0 0 20px rgba(117,151,255,.7);animation:travel 5.2s ease-in-out infinite}
.loopStep{position:relative;padding-right:28px}.loopDot{width:63px;height:63px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(128,160,255,.23);background:#101A3A;position:relative;z-index:2;box-shadow:0 0 0 8px rgba(7,13,32,.9);font-size:12px;font-weight:800;color:#B4C7FF}.loopStep h3{font-size:16px;margin:25px 0 8px}.loopStep p{font-size:12px;line-height:1.6;color:#7E7A91;margin:0}.loopStep strong{display:block;margin-top:12px;font-size:11px;color:#8AA5F6;text-transform:uppercase;letter-spacing:.08em}

/* control */
.controlGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.controlList{display:grid;margin-top:34px;border-bottom:1px solid var(--line2)}
.controlList>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--line2)}
.controlList>div>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(5,47,226,.12);border:1px solid rgba(5,47,226,.2);color:#89A7FF;font-size:12px;font-weight:800;letter-spacing:.05em;box-shadow:inset 0 0 22px rgba(5,47,226,.08)}
.controlList>div>div{display:grid;grid-template-columns:minmax(145px,.7fr) minmax(180px,1.3fr);gap:22px;align-items:center;min-width:0}
.controlList b{display:block;font-size:15px;line-height:1.25;letter-spacing:-.015em;color:#F5F7FF}
.controlList small{display:block;color:#85839A;font-size:12px;line-height:1.55;margin:0}
.controlList>div:hover>span{background:#052FE2;color:#fff;border-color:#052FE2;transform:translateY(-1px)}
.controlList>div>span{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.queueMock{border:1px solid var(--line);border-radius:28px;background:#0B132D;box-shadow:0 36px 100px rgba(0,0,0,.35);overflow:hidden;transform:rotate(1.2deg)}
.mockTop{height:48px;border-bottom:1px solid var(--line2);display:flex;align-items:center;padding:0 16px;gap:7px;background:rgba(255,255,255,.018)}.mockTop i{width:7px;height:7px;border-radius:50%;background:#FF6B7D}.mockTop i:nth-child(2){background:#FFC95E}.mockTop i:nth-child(3){background:#64DCA8}.mockTop span{margin-left:auto;font-size:11px;color:#67637C}
.queueBody{display:grid;grid-template-columns:130px 1fr;min-height:500px}.queueSide{border-right:1px solid var(--line2);padding:15px 10px;background:rgba(255,255,255,.015)}.queueLogo{font-size:13px;font-weight:800;padding:8px 10px 18px}.queueNav div{font-size:11px;color:#6D6980;padding:9px 10px;border-radius:8px;margin-bottom:3px}.queueNav .sel{background:rgba(5,47,226,.11);color:#BFCFFF}.queueMain{padding:20px}.queueTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.queueTitle b{font-size:13px}.queueTitle span{font-size:10px;color:#7B768E;border:1px solid var(--line);padding:5px 7px;border-radius:999px}.queueItem{padding:14px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.018);margin-bottom:10px}.queueMeta{display:flex;justify-content:space-between;font-size:10px;color:#77738B}.queueItem h4{font-size:12px;margin:8px 0 6px}.queueItem p{font-size:11px;line-height:1.55;color:#77738B;margin:0}.queuePeople{display:flex;gap:5px;margin-top:10px}.queuePeople span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#668CFF,#6A8FFF);font-size:9px;border:2px solid #0D1631}.queueActions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.queueActions span{font-size:10px;padding:6px 8px;border-radius:7px;border:1px solid var(--line)}.queueActions .approve{background:#052FE2;color:#fff;border-color:#052FE2}

/* jobs */
.jobsSection{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))}
.jobsGrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.jobsCopy .sectionTitle{font-size:clamp(46px,4.8vw,68px)}
.jobFlow{position:relative;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(15,25,55,.88),rgba(7,14,34,.94));padding:22px;box-shadow:var(--shadow)}
.jobSource{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.028)}.jobIcon{width:40px;height:40px;border-radius:12px;background:rgba(5,47,226,.1);display:grid;place-items:center;color:#87A5FF}.jobSource b{font-size:12px;display:block}.jobSource small{font-size:11px;color:#6F6B82}.jobSource em{font-style:normal;font-size:10px;color:#7BE1B3;background:rgba(99,226,174,.08);padding:5px 7px;border-radius:999px}
.jobArrow{text-align:center;color:#5F6B91;padding:11px;font-size:16px}.jobMatch{border:1px solid var(--line2);border-radius:14px;padding:14px}.jobMatch>small{font-size:10px;color:#6E6981;text-transform:uppercase;letter-spacing:.1em}.jobPeople{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.jobPerson{padding:10px 7px;border:1px solid var(--line2);border-radius:10px;text-align:center}.jobPerson span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:linear-gradient(135deg,#648BFF,#698EFF);font-size:10px}.jobPerson b{display:block;font-size:10px}.jobPerson small{font-size:9px;color:#686479}.jobPost{padding:14px;border-radius:14px;border:1px solid rgba(98,137,255,.22);background:rgba(88,130,255,.055)}.jobPost p{font-size:12px;line-height:1.55;color:#A1A7B8;margin:9px 0}.jobOutcome{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.jobOutcome div{padding:11px;border-radius:11px;border:1px solid var(--line2);background:rgba(255,255,255,.02)}.jobOutcome small{display:block;font-size:9px;color:#6E6980;text-transform:uppercase;letter-spacing:.07em}.jobOutcome b{font-size:13px;margin-top:3px;display:block}.jobOutcome .hot b{color:#72E2B2}

/* proof */
.proofSection{padding:120px 0}
.proofHead{text-align:center;max-width:820px;margin:0 auto 55px}.proofHead .sectionLead{margin-inline:auto}
.metricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metricCard{padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.016));min-height:260px;display:flex;flex-direction:column}.metricCard .company{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#77738E}.metricCard strong{font-size:clamp(54px,5vw,74px);letter-spacing:-.06em;line-height:1;margin:30px 0 9px;background:linear-gradient(135deg,#fff,#A7BDFF);-webkit-background-clip:text;background-clip:text;color:transparent}.metricCard b{font-size:15px}.metricCard p{margin:auto 0 0;color:#77738D;font-size:12px;line-height:1.6}

/* pricing */
.pricingSection{padding-top:80px}.pricingPanel{border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 90% 10%,rgba(93,133,255,.18),transparent 28%),linear-gradient(145deg,#101A3A,#0A132D);padding:62px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;box-shadow:var(--shadow)}
.priceCopy h2{font-size:clamp(50px,5vw,72px);line-height:.96;letter-spacing:-.06em;margin:12px 0 20px}.priceCopy h2 strong{color:#A9BEFF}.priceCopy p{color:#9096AA;max-width:560px}.priceList{display:grid;gap:10px;margin:26px 0 30px}.priceList div{font-size:12px;color:#A7ACBC;display:flex;gap:9px;align-items:center}.priceList div:before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(99,226,174,.09);color:#68DDA9;font-size:11px}.priceCard{border:1px solid rgba(255,255,255,.12);border-radius:25px;padding:28px;background:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.priceCard small{font-size:12px;color:#77738C;text-transform:uppercase;letter-spacing:.1em}.price{font-size:58px;letter-spacing:-.065em;line-height:1;margin:13px 0 3px}.price span{font-size:17px;color:#807B94;letter-spacing:-.02em}.priceCard p{font-size:12px;color:#77738D}.priceDivider{height:1px;background:var(--line2);margin:22px 0}.priceMeta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.priceMeta div{padding:12px;border:1px solid var(--line2);border-radius:11px}.priceMeta b{display:block;font-size:12px}.priceMeta small{display:block;font-size:10px;margin-top:3px;letter-spacing:0;text-transform:none}



/* Broadbean origin story */
.originStorySection{padding:150px 0;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(5,47,226,.025) 52%,rgba(255,255,255,0));overflow:hidden}
.originStoryGlow{position:absolute;width:850px;height:650px;right:-280px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(5,47,226,.16),transparent 68%);filter:blur(18px);pointer-events:none}
.originStoryGrid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:86px;align-items:center}
.originStoryCopy .sectionTitle{font-size:clamp(52px,5.4vw,78px);max-width:620px}
.originStoryCopy .sectionTitle em{font-style:normal;color:#91AAFF}
.originStoryCopy .sectionLead{max-width:610px;margin-bottom:20px}
.originBody{max-width:610px;color:#8D95AA;font-size:15px;line-height:1.75;margin:13px 0}.originBody strong{color:#E7EBF7;font-weight:720}
.originThesis{margin-top:30px;padding:19px 22px 20px;border-left:2px solid var(--electric);background:linear-gradient(90deg,rgba(5,47,226,.10),rgba(5,47,226,0));border-radius:0 16px 16px 0;max-width:620px}
.originThesis small{display:block;color:#7798FF;font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px}.originThesis strong{font-size:16px;line-height:1.55;letter-spacing:-.02em;color:#F4F6FC}
.originStoryVisual{position:relative;border:1px solid var(--line);border-radius:32px;padding:24px;background:linear-gradient(155deg,rgba(18,30,66,.93),rgba(7,14,34,.97));box-shadow:0 35px 110px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06)}
.originStoryVisual:before{content:"";position:absolute;inset:-1px;border-radius:32px;padding:1px;background:linear-gradient(135deg,rgba(109,146,255,.32),transparent 35%,transparent 70%,rgba(5,47,226,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.originEyebrow{display:flex;align-items:center;gap:8px;color:#79839D;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;padding:2px 3px 19px}.originEyebrow span{width:7px;height:7px;border-radius:50%;background:#FF667D;box-shadow:0 0 18px rgba(255,102,125,.45)}
.originJourney{position:relative;display:grid;grid-template-columns:1fr 72px 1fr;gap:14px;align-items:center}
.originMail,.originRipply{min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:21px;background:#0B1430;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.originMail{transform:rotate(-1.1deg)}.originRipply{transform:rotate(1deg);border-color:rgba(81,120,255,.26);background:linear-gradient(145deg,#0E1A3D,#09122B)}
.originMailTop,.originRipplyTop{height:58px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line2)}
.originSender{display:flex;align-items:center;gap:9px}.originSender>span{width:30px;height:30px;border-radius:50%;background:#25304A;color:#AEB6CA;display:grid;place-items:center;font-size:12px;font-weight:850}.originSender b{display:block;font-size:12px}.originSender small{display:block;font-size:10px;color:#656E85;margin-top:2px}.originMore{color:#596279;font-size:12px}
.originMailBody{padding:19px 17px 54px;min-height:210px}.originMailBody>small,.originRipplyAsset>small{font-size:10px;color:#66718B;font-weight:850;letter-spacing:.11em}.originMailBody h3{font-size:19px;line-height:1.18;letter-spacing:-.035em;margin:8px 0 10px}.originMailBody p,.originRipplyAsset p{font-size:12px;line-height:1.6;color:#7E879D;margin:0}
.originDelete{height:43px;margin-top:-43px;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(90deg,#D64859,#FF6577);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#fff}.originDelete span{font-size:15px;line-height:1}
.originTransform{text-align:center;color:#66718E}.originTransform span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.10em}.originTransform i{display:block;width:100%;height:1px;margin:10px 0;background:linear-gradient(90deg,transparent,#315BFF,transparent);position:relative}.originTransform i:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#5D81FF;left:0;top:-2.5px;box-shadow:0 0 14px rgba(93,129,255,.65);animation:originTravel 3.2s ease-in-out infinite}.originTransform b{display:block;font-size:11px;color:#91A7EE;line-height:1.35}
.originRipplyTop b{font-size:14px}.originRipplyTop span{font-size:9px;letter-spacing:.12em;color:#83E0B8;border:1px solid rgba(99,226,174,.18);background:rgba(99,226,174,.07);border-radius:999px;padding:5px 7px}
.originRipplyAsset{margin:16px;border:1px solid var(--line2);border-radius:14px;padding:15px;background:rgba(255,255,255,.025);min-height:178px}.originRipplyAsset strong{display:block;font-size:15px;line-height:1.3;margin:8px 0 8px}.originRipplyAsset>small{color:#7696FF}
.originRipplyActions{display:grid;grid-template-columns:.65fr 1.35fr;gap:7px;padding:0 16px 16px}.originRipplyActions span{display:grid;place-items:center;height:37px;border-radius:10px;border:1px solid var(--line);font-size:11px;color:#8791A8}.originRipplyActions .originApprove{background:linear-gradient(135deg,#052FE2,#315BFF);border-color:#1747EE;color:#fff;font-weight:800;box-shadow:0 10px 25px rgba(5,47,226,.20)}
.originCaption{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 5px 0;color:#667089;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.originCaption i{font-style:normal;color:#4268E9}.originCaption strong{color:#8FA8FF}
@keyframes originTravel{0%{left:0;opacity:0}15%{opacity:1}82%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
@keyframes originTravelMobile{0%{top:0;opacity:0}15%{opacity:1}82%{opacity:1}100%{top:32px;opacity:0}}

/* Marketing + TA audience split */
.teamsSection{padding-top:112px;background:linear-gradient(180deg,rgba(5,47,226,.035),rgba(255,255,255,.008) 55%,transparent)}
.teamsHead{max-width:880px;margin-bottom:48px}.teamsHead .sectionTitle{max-width:850px}.teamsHead .sectionTitle em{font-style:normal;color:#8EA8FF}.teamsHead .sectionLead{max-width:760px}
.teamsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.teamCard{position:relative;overflow:hidden;min-height:520px;padding:32px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease}.teamCard:hover{transform:translateY(-6px);border-color:rgba(93,133,255,.28)}.teamCard:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-140px;top:-160px;background:radial-gradient(circle,rgba(5,47,226,.22),transparent 68%);pointer-events:none}.taCard:after{background:radial-gradient(circle,rgba(114,231,255,.14),transparent 68%)}
.teamCardTop{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:44px}.teamCardTop span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(5,47,226,.25);background:rgba(5,47,226,.12);color:#94ADFF;font-size:12px;font-weight:850}.teamCardTop b{font-size:11px;letter-spacing:.13em;color:#737E97}
.teamCard h3{position:relative;z-index:1;font-size:clamp(28px,3vw,42px);line-height:1.03;letter-spacing:-.045em;margin:0 0 17px;max-width:540px}.teamCard>p{position:relative;z-index:1;color:#939CAF;font-size:13px;line-height:1.65;max-width:560px;margin:0 0 25px}.teamUseCases{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap}.teamUseCases span{font-size:11px;color:#A3ACC2;border:1px solid var(--line2);background:rgba(255,255,255,.025);padding:7px 9px;border-radius:999px}.teamOutcome{position:relative;z-index:1;margin-top:auto;padding-top:24px;border-top:1px solid var(--line2)}.teamOutcome small{display:block;font-size:10px;letter-spacing:.12em;color:#6F8CFF;font-weight:850;margin-bottom:7px}.teamOutcome strong{display:block;font-size:14px;line-height:1.45;color:#DDE4F8;max-width:530px}
.teamsShared{margin-top:15px;padding:16px 20px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.018);display:flex;justify-content:space-between;align-items:center;gap:25px}.teamsShared span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#657089;font-weight:800}.teamsShared b{font-size:12px;color:#9BA7C0;font-weight:650;text-align:right}

/* compact ROI calculator inside pricing */
.miniRoi{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:25px;padding:27px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 22px 50px rgba(0,0,0,.18);overflow:hidden}
.miniRoi:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;bottom:-150px;background:radial-gradient(circle,rgba(5,47,226,.26),transparent 67%);pointer-events:none}
.miniRoiTop{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:19px;border-bottom:1px solid var(--line2)}.miniRoiTop small{display:block;font-size:10px;color:#7895F6;font-weight:850;letter-spacing:.13em}.miniRoiTop h3{font-size:18px;line-height:1.25;letter-spacing:-.035em;margin:6px 0 0;max-width:360px}.roiLive{display:flex;align-items:center;gap:6px;font-size:10px;color:#7C869E;border:1px solid var(--line2);border-radius:999px;padding:6px 8px;white-space:nowrap}.roiLive i{width:5px;height:5px;border-radius:50%;background:#63E2AE;box-shadow:0 0 10px rgba(99,226,174,.6)}
.miniRoiInputs{position:relative;z-index:1;display:grid;gap:16px;padding:20px 0}.miniRoiInputs label{display:grid;gap:8px}.miniRoiInputs label>span{display:flex;justify-content:space-between;align-items:center;gap:20px}.miniRoiInputs b{font-size:12px;color:#AEB5C8;font-weight:650}.miniRoiInputs output{font-size:12px;font-weight:850;color:#fff;min-width:50px;text-align:right}
.miniRoi input[type="range"]{width:100%;height:4px;appearance:none;-webkit-appearance:none;border-radius:999px;outline:none;background:linear-gradient(90deg,#052FE2 var(--range-fill,50%),rgba(255,255,255,.09) var(--range-fill,50%));cursor:pointer}.miniRoi input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid #052FE2;box-shadow:0 3px 12px rgba(0,0,0,.35)}.miniRoi input[type="range"]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:4px solid #052FE2;box-shadow:0 3px 12px rgba(0,0,0,.35)}
.miniRoiResult{position:relative;z-index:1;padding:18px;border:1px solid rgba(89,126,255,.20);border-radius:16px;background:linear-gradient(135deg,rgba(5,47,226,.16),rgba(5,47,226,.045))}.miniRoiResult>small{font-size:10px;color:#8EA8FF;font-weight:850;letter-spacing:.11em}.miniRoiResult>strong{display:block;font-size:40px;line-height:1;letter-spacing:-.055em;margin:9px 0 15px;color:#fff}.miniRoiResult>strong span{font-size:13px;color:#8E98B0;letter-spacing:-.015em;margin-left:5px;font-weight:600}.roiResultMeta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.roiResultMeta span{font-size:10px;line-height:1.45;color:#818BA3;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(4,10,27,.28)}.roiResultMeta b{display:block;color:#CBD5F4;font-size:12px;margin-bottom:2px}
.miniRoiNote{position:relative;z-index:1;font-size:10px!important;line-height:1.5;color:#5E687F!important;margin:12px 1px 0!important;max-width:none!important}

/* expanded legal footer */
.footer{padding-bottom:36px}.footerLegal{margin-top:30px;padding-top:24px;border-top:1px solid var(--line2);font-size:11px;line-height:1.75;color:#50596E;max-width:1240px}.footerLegal strong{color:#727C93;font-weight:700}.footerLinks a:hover{color:#C8D0E5}


/* final */
.finalSection{padding:150px 0 85px;text-align:center;overflow:hidden}.finalGlow{position:absolute;left:50%;bottom:-180px;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(circle,rgba(92,133,255,.18),transparent 64%);filter:blur(15px)}.finalInner{position:relative}.finalSection h2{font-size:clamp(58px,8vw,108px);line-height:.9;letter-spacing:-.07em;margin:0 auto 30px;max-width:1050px;font-weight:700}.finalSection h2 span{display:block;color:#8E8AA3}.finalSection p{font-size:17px;color:#8D94A7;max-width:660px;margin:0 auto 28px}.finalActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.footer{border-top:1px solid var(--line2);padding:34px 0 42px}.footerIn{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.footerLeft p{font-size:12px;color:#5F5B70;margin:9px 0 0}.footerLinks{display:flex;gap:24px;font-size:12px;color:#6D697E}.copyright{font-size:12px;color:#4F4B5D}

/* animations */
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(99,226,174,.08),0 0 15px rgba(99,226,174,.45)}50%{box-shadow:0 0 0 8px rgba(99,226,174,.03),0 0 24px rgba(99,226,174,.65)}}
@keyframes shimmer{to{background-position:-220% center}}
@keyframes float{0%,100%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-10px) rotate(-.2deg)}}
@keyframes ripple{0%{width:180px;height:180px;opacity:.45}100%{width:780px;height:780px;opacity:0}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes travel{0%{left:7%;opacity:0}15%{opacity:1}75%{opacity:1}100%{left:82%;opacity:0}}

@media(max-width:1050px){
  .teamsGrid{grid-template-columns:1fr}.teamCard{min-height:430px}.teamsShared{align-items:flex-start;flex-direction:column}.teamsShared b{text-align:left}
  .originStoryGrid{grid-template-columns:1fr;gap:55px}.originStoryCopy{max-width:760px}.originStoryVisual{max-width:840px}.originJourney{grid-template-columns:1fr 72px 1fr}
  .navlinks{display:none}.hero{padding-top:130px}.heroStage{height:620px}.employee.e1{left:0}.employee.e2{right:0}.employee.e3{left:2%;bottom:4%}.employee.e4{right:2%;bottom:4%}
  .gapGrid,.controlGrid,.jobsGrid,.pricingPanel{grid-template-columns:1fr}.gapGrid{gap:40px}.gapVisual{min-height:560px}.voicesHead,.loopHead{grid-template-columns:1fr}.voicesHead .sectionLead,.loopHead .sectionLead{justify-self:start}.voiceDeck{grid-template-columns:1fr 1fr}.voiceCard:last-child{grid-column:1/-1;min-height:320px}.loopTrack{grid-template-columns:repeat(3,1fr);gap:35px}.loopTrack:before,.loopTrack:after{display:none}.queueMock{transform:none}.jobsGrid{gap:50px}.pricingPanel{padding:44px}
}
@media(max-width:720px){
  .heroAudience{grid-template-columns:1fr;max-width:520px}.heroAudience>div{justify-content:flex-start}.heroAudience b{white-space:normal}.teamsSection{padding-top:80px}.teamsHead{margin-bottom:30px}.teamsGrid{gap:12px}.teamCard{min-height:auto;padding:24px;border-radius:22px}.teamCardTop{margin-bottom:30px}.teamCard h3{font-size:32px}.teamsShared{padding:14px 16px}
  .originStorySection{padding:100px 0}.originStoryGrid{gap:38px}.originStoryCopy .sectionTitle{font-size:48px}.originBody{font-size:13px}.originStoryVisual{padding:17px;border-radius:24px}.originStoryVisual:before{border-radius:24px}.originJourney{grid-template-columns:1fr;gap:13px}.originMail,.originRipply{transform:none}.originTransform{padding:4px 18px}.originTransform i{width:1px;height:38px;margin:8px auto;background:linear-gradient(180deg,transparent,#315BFF,transparent)}.originTransform i:after{left:-2.5px;top:0;animation:originTravelMobile 3.2s ease-in-out infinite}.originCaption{gap:8px}.originMailBody{min-height:180px}.miniRoi{padding:21px}.miniRoiTop h3{font-size:16px}.miniRoiResult>strong{font-size:36px}.roiResultMeta{grid-template-columns:1fr}.footerLegal{font-size:10px}
  :root{
  /* Ripply primary accent: royal blue */--wrap:min(100% - 28px,1240px)}
  .nav{padding:12px 0}.navghost{display:none}.navright .btn{padding:10px 13px;font-size:12px}.brandtext small{display:none}
  .hero{min-height:auto;padding:115px 0 50px}.hero h1{font-size:clamp(52px,15vw,78px);margin-top:20px}.heroLead{font-size:15px}.heroStage{margin-top:60px;height:640px}.coreCard{width:min(88vw,340px);top:46%}.orbit{width:620px}.orbit.o2{width:720px}.orbit.o3{display:none}.employee{width:180px;padding:11px}.employee.e1{left:-6%;top:2%}.employee.e2{right:-6%;top:4%}.employee.e3{left:-6%;bottom:2%}.employee.e4{right:-6%;bottom:0}.clickChip{display:none}.postText{font-size:11px}.section{padding:88px 0}.sectionTitle{font-size:44px}.sectionLead{font-size:15px}.gapVisual{min-height:530px}.flowNode{width:100%;padding:17px;grid-template-columns:38px 1fr}.flowNode em{display:none}.flowNode .num{width:36px;height:36px}.voiceDeck{grid-template-columns:1fr}.voiceCard:last-child{grid-column:auto}.voiceCard{min-height:350px}.loopPanel{padding:28px 20px}.loopTrack{grid-template-columns:1fr 1fr;gap:28px}.loopStep{padding-right:0}.loopDot{width:52px;height:52px}.controlGrid,.jobsGrid{gap:45px}.controlList>div>div{grid-template-columns:1fr;gap:4px}.controlList>div{grid-template-columns:42px 1fr;gap:15px;padding:18px 0}.controlList>div>span{width:42px;height:42px}.controlList b{font-size:14px}.controlList small{font-size:12px}.queueBody{grid-template-columns:88px 1fr}.queueMain{padding:12px}.jobPeople{grid-template-columns:1fr 1fr}.metricGrid{grid-template-columns:1fr}.pricingPanel{padding:30px 22px;border-radius:26px}.priceCopy h2{font-size:48px}.price{font-size:50px}.finalSection{padding-top:100px}.finalSection h2{font-size:55px}.footerIn{align-items:flex-start;flex-direction:column}.footerLinks{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* v4.3 — stronger founder / Broadbean → Paiger → Ripply story */
.originStoryCopy .sectionLead strong{color:#F4F7FF}
.originBuildStory{margin-top:26px;max-width:640px;padding-top:24px;border-top:1px solid var(--line2)}
.originBuildStory p{margin:0 0 13px;color:#8994AC;font-size:13px;line-height:1.8}
.originBuildStory p:last-child{margin-bottom:0}.originBuildStory strong{color:#EAF0FF}
.originProofStrip{margin-top:28px;display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;gap:10px;align-items:stretch;max-width:690px}
.originProofStrip>div{padding:15px 14px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.025)}
.originProofStrip>div.hot{border-color:rgba(82,119,255,.30);background:linear-gradient(145deg,rgba(5,47,226,.14),rgba(5,47,226,.04))}
.originProofStrip small{display:block;font-size:10px;letter-spacing:.13em;color:#6F8CFF;font-weight:850;margin-bottom:5px}
.originProofStrip b{display:block;font-size:12px;color:#EDF2FF;margin-bottom:3px}.originProofStrip span{display:block;font-size:11px;line-height:1.45;color:#68748F}
.originProofStrip>i{display:grid;place-items:center;font-style:normal;color:#355CE8;font-size:13px}.originProofStrip>i:before{content:'→'}
.originLegacySteps{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;gap:8px;align-items:center;margin:14px 0 24px;padding:14px;border:1px solid var(--line2);border-radius:17px;background:rgba(255,255,255,.018)}
.originLegacySteps>div{min-height:92px;padding:12px;border:1px solid var(--line2);border-radius:12px;background:#0A132D;position:relative;overflow:hidden}
.originLegacySteps>div:after{content:'';position:absolute;inset:auto -20px -35px auto;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(5,47,226,.10),transparent 68%)}
.originLegacySteps>div.active{border-color:rgba(67,103,255,.32);background:linear-gradient(145deg,#0C1B46,#09132E)}
.originLegacySteps>div>span{display:block;font-size:12px;font-weight:850;color:#7895FF;margin-bottom:9px}.originLegacySteps small{display:block;font-size:9px;font-weight:850;letter-spacing:.12em;color:#5F6C88;margin-bottom:5px}.originLegacySteps b{display:block;font-size:12px;line-height:1.45;color:#DDE5F8}
.originLegacySteps>i{height:1px;background:linear-gradient(90deg,transparent,#315BFF,transparent);position:relative}.originLegacySteps>i:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#6F8CFF;top:-2px;left:0;animation:originLegacyTravel 3s ease-in-out infinite}
@keyframes originLegacyTravel{0%,10%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}90%,100%{left:calc(100% - 5px);opacity:0}}
@media(max-width:720px){.originProofStrip{grid-template-columns:1fr}.originProofStrip>i{height:14px}.originProofStrip>i:before{content:'↓'}.originLegacySteps{grid-template-columns:1fr}.originLegacySteps>i{width:1px;height:22px;margin:auto;background:linear-gradient(180deg,transparent,#315BFF,transparent)}.originLegacySteps>i:after{left:-2px;top:0;animation:none}.originBuildStory p{font-size:13px}.originLegacySteps>div{min-height:auto}}


/* v4.5 — tighter origin story */
.originStorySection{padding:112px 0}
.originStoryGrid{gap:72px}
.originStoryCopy .sectionTitle{font-size:clamp(48px,4.7vw,68px);line-height:.98}
.originStoryCopy .sectionLead{margin-bottom:17px}
.originBody{margin:0 0 10px}
.originThesis{margin-top:20px}
.originBuildStory.compactStory{margin-top:20px;padding-top:19px}
.originBuildStory.compactStory p{margin:0;font-size:12.5px;line-height:1.7}
.compactJourney{margin-top:18px}
.compactCaption{padding-top:14px}
@media(max-width:980px){.originStorySection{padding:90px 0}.originStoryGrid{gap:42px}}
@media(max-width:720px){.originStorySection{padding:72px 0}.originStoryCopy .sectionTitle{font-size:42px}.originBuildStory.compactStory{margin-top:17px;padding-top:17px}}


/* v4.11 — sharper commercial story above the fold */
.heroLead strong{color:#F4F7FF;font-weight:760}

.heroStage{height:620px;margin-top:58px}
.stageLabel{position:absolute;left:50%;top:0;transform:translateX(-50%);text-align:center;z-index:8;width:min(94%,760px)}.stageLabel span{display:block;font-size:10px;letter-spacing:.13em;color:#6887F4;font-weight:850;margin-bottom:5px}.stageLabel b{font-size:12px;color:#919AAF;font-weight:650}
.distributionSummary{position:absolute;left:50%;top:42px;transform:translateX(-50%);z-index:8;width:min(96%,1060px);display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;gap:8px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(7,13,31,.72);box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px)}
.distributionSummary>div{min-height:68px;padding:10px 12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.022)}.distributionSummary>div.hot{border-color:rgba(67,103,255,.30);background:linear-gradient(145deg,rgba(5,47,226,.18),rgba(5,47,226,.055))}.distributionSummary small{display:block;font-size:9px;letter-spacing:.12em;color:#68738D;font-weight:850}.distributionSummary strong{display:block;font-size:17px;line-height:1.05;letter-spacing:-.035em;color:#F1F5FF;margin:6px 0 4px}.distributionSummary .hot strong{color:#9FB4FF}.distributionSummary span{display:block;font-size:10px;line-height:1.35;color:#78839B}.distributionSummary>i{font-style:normal;text-align:center;color:#315BFF;font-size:14px;position:relative}.distributionSummary>i:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#315BFF,transparent);z-index:-1}
.heroStage .orbit{top:59%}.heroStage .rippleRing{top:60%}.heroStage .coreCard{top:60%}.employee.e1{top:24%}.employee.e2{top:27%}.employee.e3{bottom:0}.employee.e4{bottom:0}.clickChip.c1{top:19%}.clickChip.c3{top:53%}

.proofChips{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 18px}.proofChips span{font-size:11px;color:#8994AA;border:1px solid var(--line2);background:rgba(255,255,255,.022);border-radius:999px;padding:8px 10px}.proofChips b{color:#B8C6F5}

@media(max-width:1050px){
  .heroStage{height:700px}.distributionSummary{grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr}.employee.e1{top:26%}.employee.e2{top:29%}
}
@media(max-width:760px){

  .heroStage{height:890px;margin-top:48px}.stageLabel{top:0}.distributionSummary{top:45px;grid-template-columns:1fr 1fr;gap:7px}.distributionSummary>i{display:none}.distributionSummary>div{min-height:74px}.heroStage .orbit{top:62%}.heroStage .rippleRing{top:62%}.heroStage .coreCard{top:62%}.employee.e1{top:34%}.employee.e2{top:37%}.employee.e3{bottom:1%}.employee.e4{bottom:0}
}
@media(max-width:520px){
  .distributionSummary{grid-template-columns:1fr 1fr;width:100%;padding:8px}.distributionSummary strong{font-size:15px}.distributionSummary span{font-size:9px}.heroStage{height:920px}
}


/* ============================================================
   V4.22 — RIPPLE BRAND SYSTEM
   Travel is the message. Ripples are the visual language.
   ============================================================ */

/* Hero: abstract network effect, not literal travel */
.rippleLegend{position:absolute;left:50%;top:8px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid rgba(126,151,232,.12);border-radius:999px;background:rgba(7,13,31,.72);backdrop-filter:blur(14px);z-index:9;box-shadow:0 12px 35px rgba(0,0,0,.14)}
.rippleLegend span{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.12em;font-weight:850;color:#687694;white-space:nowrap}.rippleLegend i{width:7px;height:7px;border-radius:50%;display:block}.legendSource{background:#fff;box-shadow:0 0 12px rgba(255,255,255,.35)}.legendPeople{background:#6F8CFF;box-shadow:0 0 12px rgba(5,47,226,.45)}.legendReach{border:1px solid #6F8CFF;background:transparent}
.heroStage .orbit{border-color:rgba(99,130,230,.10)}.heroStage .orbit.o2{border-color:rgba(99,130,230,.075)}.heroStage .orbit.o3{border-color:rgba(99,130,230,.05)}
.heroStage .rippleRing{border-color:rgba(93,127,255,.22);box-shadow:0 0 50px rgba(5,47,226,.03)}
.coreCard:after{content:"";position:absolute;inset:-13px;border-radius:28px;border:1px solid rgba(91,126,255,.15);animation:corePulse 3.6s ease-out infinite;pointer-events:none}
@keyframes corePulse{0%{transform:scale(.96);opacity:.5}80%,100%{transform:scale(1.12);opacity:0}}

/* Section punctuation: concentric ripple arcs */
.rippleDivider{height:88px;position:relative;overflow:hidden;pointer-events:none}.rippleDivider:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#6F8CFF;box-shadow:0 0 20px rgba(5,47,226,.8);transform:translate(-50%,-50%)}.rippleDivider span{position:absolute;left:50%;top:50%;width:120px;height:120px;border:1px solid rgba(98,132,255,.13);border-radius:50%;transform:translate(-50%,-50%);animation:sectionRipple 5s ease-out infinite}.rippleDivider span:nth-child(2){animation-delay:1.65s}.rippleDivider span:nth-child(3){animation-delay:3.3s}.rippleDivider.reverse span{animation-direction:reverse}
@keyframes sectionRipple{0%{width:30px;height:30px;opacity:0}12%{opacity:.55}100%{width:920px;height:920px;opacity:0}}

/* Remove leftover travel / airline styling from the visual system */
.teamUseCases{gap:8px}.teamUseCases span{padding:8px 10px;border-radius:999px;border:1px solid rgba(115,132,176,.14);border-style:solid;transform:none;background:rgba(255,255,255,.025)}.teamUseCases span:before{display:none}.teamUseCases span:nth-child(even){transform:none}.teamUseCases span:hover{transform:translateY(-2px);border-color:rgba(95,130,255,.32);background:rgba(5,47,226,.07)}

/* ROI: turn the numbers into a live ripple, not a boarding pass */
.rippleRoi{overflow:hidden;position:relative}.rippleRoi:before{content:"";position:absolute;width:460px;height:460px;right:-180px;bottom:-240px;border:1px solid rgba(99,132,255,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(99,132,255,.025),0 0 0 160px rgba(99,132,255,.012);pointer-events:none}
.rippleRoiStage{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-top:18px;align-items:stretch}.roiRippleViz{min-height:300px;border:1px solid rgba(132,149,196,.12);border-radius:19px;background:radial-gradient(circle at 50% 50%,rgba(5,47,226,.15),rgba(9,16,38,.45) 38%,rgba(5,10,25,.78) 72%);position:relative;overflow:hidden;display:grid;place-items:center}.roiWave{position:absolute;left:50%;top:50%;border:1px solid rgba(107,139,255,.22);border-radius:50%;transform:translate(-50%,-50%);animation:roiRipplePulse 4.8s ease-out infinite}.roiWave.w1{width:90px;height:90px}.roiWave.w2{width:160px;height:160px;animation-delay:1.2s}.roiWave.w3{width:235px;height:235px;animation-delay:2.4s}.roiWave.w4{width:320px;height:320px;animation-delay:3.6s}
@keyframes roiRipplePulse{0%{opacity:.08;transform:translate(-50%,-50%) scale(.82)}35%{opacity:.7}100%{opacity:.04;transform:translate(-50%,-50%) scale(1.12)}}
.roiSource{width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg,#0C1A4E,#052FE2);display:grid;place-content:center;text-align:center;position:relative;z-index:4;box-shadow:0 20px 50px rgba(5,47,226,.28),inset 0 0 0 1px rgba(255,255,255,.12)}.roiSource small{font-size:8px;letter-spacing:.13em;color:#AEBFFF}.roiSource b{font-size:14px;line-height:1;margin:5px 0 3px}.roiSource span{font-size:9px;color:#A9B3CF}.roiPerson{position:absolute;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#F2F5FF;color:#0A1431;font-size:11px;font-weight:900;border:3px solid #0B1430;box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:5}.roiPerson.p1{left:18%;top:25%}.roiPerson.p2{right:17%;top:24%}.roiPerson.p3{left:11%;top:56%}.roiPerson.p4{right:11%;top:58%}.roiPerson.p5{left:31%;bottom:8%}.roiPerson.p6{right:29%;bottom:8%}.roiRippleCaption{position:absolute;left:14px;bottom:12px;padding:8px 10px;border-radius:10px;background:rgba(5,10,25,.68);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);z-index:6}.roiRippleCaption strong{display:block;font-size:15px;color:#DCE4FF}.roiRippleCaption span{display:block;font-size:9px;color:#73809D;margin-top:1px}
.roiRippleResults{display:flex;flex-direction:column;gap:10px}.roiResultPrimary{flex:1;border:1px solid rgba(101,132,255,.18);border-radius:18px;padding:20px;background:linear-gradient(145deg,rgba(5,47,226,.14),rgba(255,255,255,.025));display:flex;flex-direction:column;justify-content:center}.roiResultPrimary small,.roiResultGrid small{font-size:9px;letter-spacing:.11em;color:#7180A1;font-weight:850}.roiResultPrimary strong{font-size:clamp(32px,3.2vw,48px);letter-spacing:-.055em;color:#F4F7FF;line-height:1;margin:10px 0 5px}.roiResultPrimary span{font-size:11px;color:#8B96B0}.roiResultGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roiResultGrid>div{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.roiResultGrid b{display:block;font-size:17px;margin-top:7px;color:#DCE4FF}.roiResultGrid b span{font-size:10px;color:#6E7A97;margin-left:3px}.rippleFormula{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:11px 12px;border-radius:12px;background:#07112D;border:1px solid rgba(80,113,229,.17)}.rippleFormula span,.rippleFormula strong{font-size:10px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.04);color:#8A98B9}.rippleFormula strong{background:rgba(5,47,226,.18);color:#AFC0FF}.rippleFormula i{font-style:normal;color:#536890;font-size:11px}

/* Closing statement: start the ripple */
.finalInner{position:relative;overflow:hidden}.finalRipples{position:absolute;left:50%;top:52%;width:1px;height:1px;pointer-events:none;z-index:0}.finalRipples span{position:absolute;left:0;top:0;width:260px;height:260px;border:1px solid rgba(94,129,255,.13);border-radius:50%;transform:translate(-50%,-50%);animation:finalRipple 6s ease-out infinite}.finalRipples span:nth-child(2){animation-delay:2s}.finalRipples span:nth-child(3){animation-delay:4s}.finalInner>h2,.finalInner>p,.finalInner>.finalActions{position:relative;z-index:2}@keyframes finalRipple{0%{width:80px;height:80px;opacity:0}15%{opacity:.55}100%{width:1250px;height:1250px;opacity:0}}

@media(max-width:900px){.rippleLegend{top:0}.rippleRoiStage{grid-template-columns:1fr}.roiRippleViz{min-height:330px}.rippleDivider{height:64px}}
@media(max-width:720px){.rippleLegend{display:none}.rippleRoiStage{gap:10px}.roiRippleViz{min-height:280px}.roiResultGrid{grid-template-columns:1fr}.rippleFormula{gap:4px}.rippleDivider{height:50px}.rippleDivider span{animation-duration:4.5s}}
@media(prefers-reduced-motion:reduce){.roiWave,.rippleDivider span,.finalRipples span,.coreCard:after{animation:none!important}}


/* =========================================================
   V4.23 — MAKE THE RIPPLE VISIBLE
   The previous treatment was too subtle. These overrides make
   the ripple effect a clear, recurring piece of the brand.
   ========================================================= */
.heroStage{height:560px;margin-top:86px}
.heroStage:before{inset:10% 2% -14%;background:radial-gradient(circle at 50% 52%,rgba(5,47,226,.27),rgba(5,47,226,.08) 26%,transparent 64%);filter:blur(34px)}

/* Persistent concentric field behind the hero, plus animated waves */
.rippleField{position:absolute;left:50%;top:50%;width:900px;height:900px;transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.rippleField:before,.rippleField:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.rippleField:before{width:560px;height:560px;border:1px solid rgba(105,137,255,.16);box-shadow:0 0 0 90px rgba(86,122,255,.055),0 0 0 180px rgba(86,122,255,.035),0 0 0 270px rgba(86,122,255,.018)}
.rippleField:after{width:12px;height:12px;background:#7190FF;box-shadow:0 0 0 12px rgba(5,47,226,.18),0 0 42px rgba(5,47,226,.9);animation:rippleCorePulse 2.3s ease-in-out infinite}
@keyframes rippleCorePulse{0%,100%{transform:translate(-50%,-50%) scale(.8);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.25);opacity:1}}

.heroStage .rippleRing{left:50%;top:50%;width:160px;height:160px;border:2px solid rgba(111,144,255,.55);box-shadow:0 0 26px rgba(5,47,226,.12),inset 0 0 26px rgba(5,47,226,.06);animation:heroRipple 5.8s cubic-bezier(.2,.65,.25,1) infinite;opacity:0;z-index:1}
.heroStage .rippleRing.r1{animation-delay:0s;animation-duration:8.8s}.heroStage .rippleRing.r2{animation-delay:1.15s}.heroStage .rippleRing.r3{animation-delay:2.3s}.heroStage .rippleRing.r4{animation-delay:3.45s}.heroStage .rippleRing.r5{animation-delay:4.6s}
@keyframes heroRipple{0%{width:140px;height:140px;opacity:0;border-color:rgba(119,151,255,.7)}8%{opacity:.92}72%{opacity:.28}100%{width:1040px;height:1040px;opacity:0;border-color:rgba(90,128,255,.04)}}

/* The orbit lines were reading as the main graphic. Pull them back. */
.orbit{opacity:.34}.orbit.o2{opacity:.18}.orbit.o3{opacity:.09}
.coreCard{z-index:5}
.employee{z-index:4}

/* Each employee gets a subtle local echo when the main ripple reaches the network. */
.employee:after{content:"";position:absolute;left:18px;top:18px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(112,145,255,.5);opacity:0;pointer-events:none;animation:employeeRipple 5.8s ease-out infinite}
.employee.e1:after{animation-delay:.65s}.employee.e2:after{animation-delay:1.8s}.employee.e3:after{animation-delay:2.95s}.employee.e4:after{animation-delay:4.1s}
@keyframes employeeRipple{0%,48%{transform:scale(.7);opacity:0}52%{opacity:.65}100%{transform:scale(4.5);opacity:0}}

.rippleCaption{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;z-index:8;width:min(680px,80%);color:#7F94CF}
.rippleCaption span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(100,137,255,.45))}.rippleCaption span:last-child{background:linear-gradient(90deg,rgba(100,137,255,.45),transparent)}
.rippleCaption b{font-size:11px;letter-spacing:.18em;white-space:nowrap;color:#9CB0E8}

/* Section ripples should be seen, not merely inferred. */
.rippleDivider{height:124px;background:radial-gradient(circle at 50% 50%,rgba(5,47,226,.07),transparent 42%)}
.rippleDivider:after{width:7px;height:7px;background:#7894FF;box-shadow:0 0 0 8px rgba(5,47,226,.11),0 0 28px rgba(5,47,226,.8)}
.rippleDivider span{border:1.5px solid rgba(100,136,255,.34);animation-duration:5.8s}
@keyframes sectionRipple{0%{width:34px;height:34px;opacity:0}10%{opacity:.85}70%{opacity:.25}100%{width:1120px;height:1120px;opacity:0}}

/* Small brand echoes on the two audience cards */
.rippleCard{position:relative;overflow:hidden}
.rippleCard:before,.rippleCard:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(94,132,255,.10);pointer-events:none}
.rippleCard:before{width:240px;height:240px;right:-110px;bottom:-125px}.rippleCard:after{width:360px;height:360px;right:-170px;bottom:-185px}
.rippleCard:hover:before{border-color:rgba(94,132,255,.28)}.rippleCard:hover:after{border-color:rgba(94,132,255,.18)}

/* ROI visual: make the concentric network the dominant object. */
.roiRippleViz{min-height:350px;background:radial-gradient(circle at 50% 50%,rgba(5,47,226,.30),rgba(5,47,226,.09) 27%,rgba(9,16,38,.50) 49%,rgba(5,10,25,.82) 76%)}
.roiWave{border-width:2px;border-color:rgba(110,144,255,.48);box-shadow:0 0 20px rgba(5,47,226,.08);animation-duration:4.5s}
.roiWave.w1{width:110px;height:110px}.roiWave.w2{width:200px;height:200px}.roiWave.w3{width:290px;height:290px}.roiWave.w4{width:390px;height:390px}
@keyframes roiRipplePulse{0%{opacity:.18;transform:translate(-50%,-50%) scale(.75)}30%{opacity:.95}100%{opacity:.08;transform:translate(-50%,-50%) scale(1.12)}}
.roiSource{width:108px;height:108px;box-shadow:0 0 0 13px rgba(5,47,226,.10),0 20px 55px rgba(5,47,226,.34),inset 0 0 0 1px rgba(255,255,255,.14)}
.roiPerson{box-shadow:0 0 0 6px rgba(5,47,226,.10),0 8px 20px rgba(0,0,0,.25)}

/* Closing ripple is deliberately dramatic. */
.finalInner:before{content:"";position:absolute;left:50%;top:55%;width:460px;height:460px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(104,138,255,.16);box-shadow:0 0 0 100px rgba(5,47,226,.045),0 0 0 200px rgba(5,47,226,.024),0 0 0 300px rgba(5,47,226,.012);pointer-events:none}
.finalRipples span{border:1.5px solid rgba(101,137,255,.35)}

@media(max-width:900px){
  .heroStage{height:930px}.rippleField{top:60%;width:760px;height:760px}.heroStage .rippleRing{top:60%}.rippleCaption{bottom:-10px}
}
@media(max-width:720px){
  .rippleField{width:600px;height:600px}.rippleField:before{width:320px;height:320px;box-shadow:0 0 0 65px rgba(86,122,255,.05),0 0 0 130px rgba(86,122,255,.025)}
  .heroStage .rippleRing{border-width:1.5px}.rippleCaption{display:none}.rippleDivider{height:78px}.roiRippleViz{min-height:320px}
}


/* v4.24 — ripple restraint: hero + closing CTA only */
.rippleDivider{display:none!important}
.rippleCard:before,.rippleCard:after{display:none!important}
.rippleRoi:before{display:none!important}
.roiWave{display:none!important}

.roiReachStage{margin-top:18px;display:grid;gap:12px}
.roiReachMap{display:grid;grid-template-columns:1fr 28px 1fr 28px 1.25fr;align-items:stretch;gap:8px}
.roiReachStep{min-height:132px;border:1px solid rgba(132,149,196,.12);border-radius:17px;background:rgba(255,255,255,.025);padding:18px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.roiReachStep small,.roiReachResults small{font-size:9px;letter-spacing:.12em;color:#7180A1;font-weight:850}
.roiReachStep b{display:block;font-size:25px;line-height:1;letter-spacing:-.045em;color:#F3F6FF;margin:10px 0 6px}
.roiReachStep span{font-size:11px;color:#7F8BA8}
.roiReachStep.voices{background:linear-gradient(145deg,rgba(5,47,226,.10),rgba(255,255,255,.025));border-color:rgba(79,110,225,.18)}
.roiReachStep.reach{background:linear-gradient(145deg,rgba(5,47,226,.18),rgba(255,255,255,.035));border-color:rgba(78,111,235,.25)}
.roiReachStep.reach b{font-size:32px;color:#fff}
.roiReachArrow{display:grid;place-items:center;color:#52658E;font-size:20px}
.roiReachResults{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.roiReachResults>div{padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.roiReachResults b{display:block;font-size:18px;margin-top:7px;color:#DCE4FF}
.roiReachResults b span{font-size:10px;color:#6E7A97;margin-left:3px}
.roiReachFormula{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:11px 12px;border-radius:12px;background:#07112D;border:1px solid rgba(80,113,229,.17)}
.roiReachFormula span,.roiReachFormula strong{font-size:10px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.04);color:#8A98B9}
.roiReachFormula strong{background:rgba(5,47,226,.18);color:#AFC0FF}
.roiReachFormula i{font-style:normal;color:#536890;font-size:11px}

@media(max-width:900px){
  .roiReachMap{grid-template-columns:1fr 22px 1fr 22px 1fr}
  .roiReachStep{min-height:118px;padding:15px}
  .roiReachStep.reach b{font-size:27px}
}
@media(max-width:720px){
  .roiReachMap{grid-template-columns:1fr}
  .roiReachArrow{transform:rotate(90deg);height:18px}
  .roiReachStep{min-height:104px}
  .roiReachResults{grid-template-columns:1fr}
}


/* v4.26 — give the ROI result cards enough room for live values */
@media(min-width:1051px){
  .pricingPanel{grid-template-columns:.92fr 1.08fr;gap:48px}
}
.miniRoi{container-type:inline-size}
.roiReachMap{grid-template-columns:minmax(0,.9fr) 22px minmax(0,.86fr) 22px minmax(0,1.38fr);gap:7px}
.roiReachStep{min-width:0;padding:16px 14px;overflow:visible}
.roiReachStep b{min-width:0;max-width:100%;font-size:clamp(20px,2vw,25px);letter-spacing:-.05em;white-space:nowrap}
.roiReachStep.reach b{font-size:clamp(25px,2.35vw,31px);letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.roiReachResults b{white-space:nowrap;font-variant-numeric:tabular-nums}

@container (max-width:520px){
  .roiReachMap{grid-template-columns:minmax(0,.82fr) 16px minmax(0,.8fr) 16px minmax(0,1.45fr);gap:5px}
  .roiReachStep{padding:14px 10px}
  .roiReachStep small{font-size:8px;letter-spacing:.09em}
  .roiReachStep b{font-size:20px}
  .roiReachStep.reach b{font-size:25px}
  .roiReachArrow{font-size:16px}
}

@container (max-width:440px){
  .roiReachMap{grid-template-columns:1fr}
  .roiReachArrow{transform:rotate(90deg);height:16px}
  .roiReachStep{min-height:96px;padding:14px}
  .roiReachStep b,.roiReachStep.reach b{font-size:26px}
}


/* v4.27: approval folded into the Ripply loop */
.loopApproval{margin-top:58px;padding-top:50px;border-top:1px solid var(--line);display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:center}
.loopApprovalCopy h3{font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.035em;margin:14px 0 16px;max-width:470px}
.loopApprovalCopy>p{color:var(--muted);font-size:15px;line-height:1.7;max-width:470px}
.approvalMiniList{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.approvalMiniList span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:9px 12px;color:#DCE3FF;font-size:12px;font-weight:700}
.approvalMiniList b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(5,47,226,.22);color:#8FA6FF;font-size:12px}
.loopQueue{transform:none;min-width:0}
@media(max-width:1000px){.loopApproval{grid-template-columns:1fr;gap:34px}.loopApprovalCopy h3,.loopApprovalCopy>p{max-width:680px}}
@media(max-width:640px){.loopApproval{margin-top:38px;padding-top:34px}.approvalMiniList{display:grid}.approvalMiniList span{border-radius:14px}.loopQueue{margin-inline:-4px}}

/* v4.31 — linked case study proof card */
.metricCardLink{position:relative;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}
.metricCardLink:hover{transform:translateY(-6px);border-color:rgba(112,148,255,.28);background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:0 22px 65px rgba(0,0,0,.22)}
.metricRead{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line2);font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase;color:#91AAFF}
.metricRead i{font-style:normal;transition:transform .2s ease}.metricCardLink:hover .metricRead i{transform:translate(2px,-2px)}

/* NES Fircroft case study */
.casePage{background:var(--bg)}
.caseHero{min-height:92vh;padding:154px 0 92px;position:relative;overflow:hidden;display:flex;align-items:center}
.caseHero:before{content:"";position:absolute;width:1100px;height:760px;border-radius:50%;right:-300px;top:8%;background:radial-gradient(circle,rgba(5,47,226,.19),rgba(5,47,226,.04) 45%,transparent 70%);filter:blur(18px)}
.caseHeroGrid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.caseKicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#8EA9FF;margin-bottom:22px}
.caseKicker span{width:28px;height:1px;background:#5279FF}
.caseHero h1{font-size:clamp(58px,6.4vw,98px);line-height:.91;letter-spacing:-.064em;margin:0 0 28px;font-weight:720;text-wrap:balance}
.caseHero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#8FAAFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.caseHeroLead{font-size:18px;line-height:1.72;color:#A5ADC2;max-width:720px;margin:0 0 24px}
.caseContext{display:inline-flex;align-items:flex-start;gap:10px;max-width:690px;padding:13px 15px;border:1px solid rgba(112,148,255,.15);border-radius:14px;background:rgba(5,47,226,.055);color:#8390AE;font-size:12px;line-height:1.55}
.caseContext b{color:#B6C7FF}.caseContext i{width:7px;height:7px;margin-top:4px;flex:none;border-radius:50%;background:#668AFF;box-shadow:0 0 14px rgba(5,47,226,.7)}
.caseHeroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

.caseRipple{position:relative;min-height:560px;display:grid;place-items:center}
.caseRipple:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(110,143,255,.10);border-radius:50%;box-shadow:0 0 0 92px rgba(88,123,255,.045),0 0 0 184px rgba(88,123,255,.022)}
.caseRippleRing{position:absolute;width:170px;height:170px;border:1.5px solid rgba(106,140,255,.38);border-radius:50%;animation:caseRipple 9s ease-out infinite;opacity:0}
.caseRippleRing.r2{animation-delay:3s}.caseRippleRing.r3{animation-delay:6s}
@keyframes caseRipple{0%{width:150px;height:150px;opacity:0}10%{opacity:.8}100%{width:650px;height:650px;opacity:0}}
.caseRippleCore{position:relative;z-index:4;width:220px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:linear-gradient(145deg,#121F48,#0A1432);box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07);text-align:center}
.caseLogo{width:64px;height:64px;margin:0 auto 17px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#052FE2,#4C71FF);font-weight:900;font-size:20px;letter-spacing:-.04em}
.caseRippleCore small{display:block;font-size:10px;letter-spacing:.14em;color:#7988AA;font-weight:850;text-transform:uppercase}.caseRippleCore strong{display:block;font-size:18px;margin-top:7px}.caseRippleCore p{font-size:12px;color:#7D879F;margin:8px 0 0}
.caseNode{position:absolute;z-index:3;min-width:135px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(11,20,47,.88);backdrop-filter:blur(12px);box-shadow:0 16px 45px rgba(0,0,0,.22)}
.caseNode small{display:block;font-size:9px;letter-spacing:.11em;color:#6F7B99;text-transform:uppercase}.caseNode b{display:block;font-size:13px;margin-top:4px}.caseNode.n1{top:12%;left:4%}.caseNode.n2{top:15%;right:2%}.caseNode.n3{bottom:13%;left:2%}.caseNode.n4{bottom:10%;right:5%}
.caseNode:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#6D8EFF;box-shadow:0 0 12px rgba(5,47,226,.8);left:-3px;top:50%}

.caseMetrics{position:relative;z-index:3;margin-top:-52px}
.caseMetricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.caseMetric{min-height:178px;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 20px 60px rgba(0,0,0,.18)}
.caseMetric small{font-size:10px;letter-spacing:.13em;color:#74809D;text-transform:uppercase;font-weight:850}.caseMetric strong{display:block;font-size:52px;line-height:1;letter-spacing:-.055em;margin:22px 0 8px;background:linear-gradient(135deg,#fff,#A8BCFF);-webkit-background-clip:text;background-clip:text;color:transparent}.caseMetric span{font-size:12px;color:#929AB0}

.caseSection{padding:130px 0;position:relative}.caseSection.soft{background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,0))}
.caseSplit{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.caseSticky{position:sticky;top:135px}.caseSticky .sectionTitle{font-size:clamp(46px,5vw,70px)}
.caseBody{display:grid;gap:14px}
.caseIssue{padding:26px 28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));display:grid;grid-template-columns:50px 1fr;gap:18px;align-items:start}
.caseIssue>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(5,47,226,.10);border:1px solid rgba(93,132,255,.18);color:#9BB3FF;font-weight:850;font-size:12px}.caseIssue h3{font-size:18px;margin:0 0 7px}.caseIssue p{font-size:13px;line-height:1.68;color:#858DA5;margin:0}

.caseSolutionHead{text-align:center;max-width:850px;margin:0 auto 56px}.caseSolutionHead .sectionLead{margin-inline:auto}
.caseFlow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}.caseFlow:before{content:"";position:absolute;left:11%;right:11%;top:32px;height:1px;background:linear-gradient(90deg,#4D67B0,#6388FF,#63A5E6);opacity:.45}
.caseFlowStep{position:relative;z-index:2;padding:0 10px}.caseFlowDot{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;border:1px solid rgba(112,148,255,.22);background:#101A3A;box-shadow:0 0 0 8px #060C1F;color:#B7C7FF;font-size:12px;font-weight:850}.caseFlowStep h3{font-size:16px;margin:0 0 8px}.caseFlowStep p{font-size:12px;line-height:1.65;color:#7E879F;margin:0}

.caseQuote{padding:120px 0}.caseQuoteCard{position:relative;overflow:hidden;padding:70px;border:1px solid rgba(110,143,255,.20);border-radius:34px;background:radial-gradient(circle at 90% 15%,rgba(5,47,226,.17),transparent 28%),linear-gradient(145deg,#101B3E,#09132D);box-shadow:var(--shadow)}
.caseQuoteMark{font-size:88px;line-height:.7;color:#456BFF;opacity:.55;font-family:Georgia,serif}.caseQuote blockquote{margin:10px 0 34px;font-size:clamp(31px,3.6vw,50px);line-height:1.13;letter-spacing:-.045em;max-width:970px;color:#EDF1FF}.caseQuoteBy{display:flex;align-items:center;gap:13px}.caseQuoteAvatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#647FFF,#91A8FF);font-size:12px;font-weight:850}.caseQuoteBy b{display:block;font-size:12px}.caseQuoteBy span{display:block;font-size:11px;color:#78829C;margin-top:2px}

.caseImpact{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.caseImpactVisual{padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(16,28,62,.94),rgba(8,16,38,.96));box-shadow:var(--shadow)}
.caseImpactHeader{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line2)}.caseImpactHeader small{font-size:10px;letter-spacing:.12em;color:#707C98;text-transform:uppercase}.caseImpactHeader span{font-size:10px;color:#68DFAE;border:1px solid rgba(99,226,174,.16);background:rgba(99,226,174,.07);padding:5px 8px;border-radius:999px}
.casePost{padding:22px 0;border-bottom:1px solid var(--line2)}.casePostTop{display:flex;align-items:center;gap:10px}.casePostAvatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#577CFA,#7191FF);font-size:10px;font-weight:850}.casePostTop b{font-size:12px;display:block}.casePostTop small{font-size:10px;color:#6E7890}.casePost p{font-size:13px;line-height:1.65;color:#ABB2C4;margin:16px 0 10px}.casePostMeta{display:flex;gap:7px}.casePostMeta span{font-size:10px;color:#8192BF;padding:5px 7px;border:1px solid var(--line2);border-radius:999px}.caseInbound{margin-top:18px;padding:18px;border-radius:16px;background:rgba(99,226,174,.055);border:1px solid rgba(99,226,174,.12)}.caseInbound small{font-size:10px;letter-spacing:.1em;color:#66D6A8;text-transform:uppercase}.caseInbound b{display:block;margin-top:7px;font-size:14px}
.caseImpactCopy .sectionTitle{font-size:clamp(46px,4.9vw,70px)}.caseImpactCopy p{font-size:14px;line-height:1.75;color:#8F97AA;max-width:590px}.caseImpactCopy strong{color:#E8ECF8}

.caseBottomLine{text-align:center;padding:145px 0 95px}.caseBottomLine .sectionLabel{color:#8FA9FF}.caseBottomLine .sectionTitle{max-width:940px;margin-inline:auto}.caseBottomLine .sectionLead{margin-inline:auto}.caseBottomStrip{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:34px}.caseBottomStrip span{font-size:12px;color:#8B95AD;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.caseSource{margin-top:24px;font-size:12px;color:#66718D}.caseSource a{color:#91AAFF;text-decoration:underline;text-underline-offset:3px}

@media(max-width:980px){.caseHeroGrid,.caseImpact{grid-template-columns:1fr}.caseRipple{min-height:500px}.caseSplit{grid-template-columns:1fr;gap:40px}.caseSticky{position:static}.caseFlow{grid-template-columns:1fr 1fr;gap:30px}.caseFlow:before{display:none}.caseMetricGrid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.caseHero{padding:128px 0 70px}.caseHero h1{font-size:54px}.caseHeroGrid{gap:30px}.caseRipple{min-height:420px;transform:scale(.86)}.caseMetricGrid{grid-template-columns:1fr}.caseMetrics{margin-top:0}.caseFlow{grid-template-columns:1fr}.caseQuoteCard{padding:38px 26px}.caseQuote blockquote{font-size:30px}.caseSection{padding:90px 0}.caseIssue{grid-template-columns:42px 1fr;padding:20px}.caseBottomLine{padding:100px 0 70px}}
@media(prefers-reduced-motion:reduce){.caseRippleRing{animation:none!important}}



/* =========================================================
   V4.32 — EMPLOYEE SOCIAL ENGINE
   Scheduler + branded creative + automatic team Vaults.
   ========================================================= */
.employeeEngineSection{padding-top:104px;overflow:hidden;background:linear-gradient(180deg,rgba(5,47,226,.018),rgba(255,255,255,.008) 50%,transparent)}
.employeeEngineHead{display:grid;grid-template-columns:1.08fr .72fr;gap:70px;align-items:end;margin-bottom:54px}.employeeEngineHead .sectionTitle{max-width:820px}.employeeEngineHead .sectionTitle em{font-style:normal;color:#91AAFF}.employeeEngineHead .sectionLead{justify-self:end;max-width:580px}
.employeeEngineGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.engineCard{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.016));padding:30px;min-height:560px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .3s ease,border-color .3s ease}.engineCard:hover{transform:translateY(-5px);border-color:rgba(96,132,255,.26)}.engineCard:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-190px;top:-210px;background:radial-gradient(circle,rgba(5,47,226,.18),transparent 67%);pointer-events:none}.engineCardTop{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2}.engineCardTop>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(5,47,226,.25);background:rgba(5,47,226,.12);color:#91AAFF;font-size:11px;font-weight:850}.engineCardTop>b{font-size:10px;letter-spacing:.14em;color:#6F7E9D}.engineCard h3{font-size:clamp(28px,3vw,42px);line-height:1.03;letter-spacing:-.045em;margin:34px 0 14px;max-width:520px;position:relative;z-index:2}.engineCard>p{font-size:13px;line-height:1.7;color:#8F99AF;margin:0 0 24px;max-width:560px;position:relative;z-index:2}
.schedulerCard{grid-column:1/2}.formatsCard{grid-column:2/3}.vaultCard{grid-column:1/-1;min-height:520px;display:grid;grid-template-columns:.72fr 1.28fr;column-gap:55px;align-content:start}.vaultCard .engineCardTop,.vaultCard>h3,.vaultCard>p{grid-column:1}.vaultCard .vaultMock{grid-column:2;grid-row:1/5;margin-top:2px}
.schedulerMock,.vaultMock{position:relative;z-index:2;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:#09132E;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.24)}.schedulerTop,.vaultHeader{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line2);background:rgba(255,255,255,.018)}.schedulerTop small,.vaultHeader small{display:block;font-size:9px;letter-spacing:.13em;color:#66728D;font-weight:850}.schedulerTop b,.vaultHeader b{display:block;font-size:12px;margin-top:3px;color:#E7ECFB}.schedulerTop>span{font-size:10px;color:#8FA7F5;padding:6px 8px;border:1px solid rgba(99,130,230,.17);border-radius:999px;background:rgba(5,47,226,.07)}.scheduleRow{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line2)}.scheduleRow time{font-size:9px;letter-spacing:.09em;color:#65718B}.scheduleRow time b{display:block;font-size:12px;color:#AEB9D3;margin-top:2px;letter-spacing:0}.scheduleRow div small{display:block;font-size:8px;color:#6381E9;letter-spacing:.1em;font-weight:850}.scheduleRow div strong{display:block;font-size:12px;color:#D4DBEE;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.scheduleRow>i{font-style:normal;font-size:8px;letter-spacing:.08em;color:#68738B;border:1px solid var(--line2);padding:5px 6px;border-radius:999px}.scheduleRow>i.ready{color:#7BE1B3;border-color:rgba(99,226,174,.15);background:rgba(99,226,174,.06)}.scheduleRow>i.draft{color:#A6B7ED}.schedulerFoot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:9px;color:#66718A}.schedulerFoot span{display:flex;align-items:center;gap:6px}.schedulerFoot span i{width:5px;height:5px;border-radius:50%;background:#63E2AE;box-shadow:0 0 10px rgba(99,226,174,.55)}.schedulerFoot b{font-size:9px;color:#8995B0}
.formatNote{display:inline-flex;position:relative;z-index:2;font-size:8px;letter-spacing:.12em;color:#6E7890;border:1px solid var(--line2);border-radius:999px;padding:6px 8px;margin-bottom:10px}.formatStack{display:grid;gap:8px;position:relative;z-index:2}.formatTier{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.02);transition:border-color .2s ease,transform .2s ease}.formatTier:hover{transform:translateX(3px)}.formatTier .medal{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.08)}.formatTier small{display:block;font-size:8px;letter-spacing:.12em;font-weight:850}.formatTier strong{display:block;font-size:12px;margin:2px 0}.formatTier span{display:block;font-size:9px;color:#6F7991;line-height:1.4}.formatTier>b{font-size:8px;letter-spacing:.12em;color:#73809E;border:1px solid var(--line2);border-radius:999px;padding:5px 6px}.formatTier.bronze{border-color:rgba(184,125,77,.16)}.formatTier.bronze .medal{background:linear-gradient(145deg,#6E4731,#B97A4A);color:#FFE1CB}.formatTier.bronze small{color:#C98B5E}.formatTier.silver{border-color:rgba(180,195,226,.18)}.formatTier.silver .medal{background:linear-gradient(145deg,#66728A,#C4CEE2);color:#10192E}.formatTier.silver small{color:#B7C5DF}.formatTier.gold{border-color:rgba(227,187,93,.20);background:linear-gradient(145deg,rgba(190,145,46,.055),rgba(255,255,255,.018))}.formatTier.gold .medal{background:linear-gradient(145deg,#8A6423,#E7BF5D);color:#241A08}.formatTier.gold small{color:#D9B45E}.formatTier.gold .videoPlay{position:absolute;right:70px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(231,191,93,.10);border:1px solid rgba(231,191,93,.18);font-size:10px;color:#E6BF63}.brandGuard{position:relative;z-index:2;margin-top:10px;padding:11px 12px;border-radius:12px;border:1px solid rgba(5,47,226,.16);background:rgba(5,47,226,.06)}.brandGuard span{display:block;font-size:8px;letter-spacing:.12em;color:#7393FF;font-weight:850}.brandGuard b{display:block;font-size:10px;color:#8D99B4;margin-top:4px;font-weight:650}
.vaultHeader>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#77DDB0;border:1px solid rgba(99,226,174,.14);background:rgba(99,226,174,.05);border-radius:999px;padding:6px 8px}.vaultHeader>span i{width:5px;height:5px;border-radius:50%;background:#63E2AE;box-shadow:0 0 10px rgba(99,226,174,.6);animation:vaultPulse 2.8s ease-in-out infinite}.vaultTabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line2)}.vaultTabs span{font-size:9px;color:#64708A;padding:6px 8px;border-radius:8px}.vaultTabs span.active{background:rgba(5,47,226,.11);color:#A8BAF8}.vaultItem{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line2)}.vaultIcon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(5,47,226,.10);border:1px solid rgba(5,47,226,.16);color:#8FA7FF;font-size:10px;font-weight:900}.vaultIcon.video{color:#D4DBF1}.vaultItem small{display:block;font-size:8px;letter-spacing:.08em;color:#5F6E8C}.vaultItem strong{display:block;font-size:12px;color:#D7DEEF;margin:3px 0}.vaultItem span{display:block;font-size:9px;color:#6E7992}.vaultItem>b{font-size:8px;letter-spacing:.08em;color:#8FA7FF;border:1px solid rgba(5,47,226,.16);background:rgba(5,47,226,.055);padding:6px 7px;border-radius:999px}.vaultCycle{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:13px;font-size:8px;letter-spacing:.1em;color:#64718C}.vaultCycle span,.vaultCycle strong{padding:5px 6px;border-radius:999px;background:rgba(255,255,255,.025)}.vaultCycle strong{color:#A9B9F1;background:rgba(5,47,226,.08)}.vaultCycle i{font-style:normal;color:#345DE8}
.contentMultiplier{margin-top:16px;border:1px solid rgba(100,133,234,.16);border-radius:24px;padding:28px 30px;background:radial-gradient(circle at 90% 50%,rgba(5,47,226,.12),transparent 32%),linear-gradient(145deg,rgba(5,47,226,.065),rgba(255,255,255,.016));display:grid;grid-template-columns:.62fr 1.38fr;gap:26px 42px;align-items:center}.contentMultiplier small{display:block;font-size:9px;letter-spacing:.14em;color:#7393FF;font-weight:850}.contentMultiplier h3{font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:7px 0 0}.contentMultiplier p{grid-column:1/-1;margin:0;color:#75819A;font-size:12px;line-height:1.65;border-top:1px solid var(--line2);padding-top:16px}.multiplierFlow{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.multiplierFlow span,.multiplierFlow strong{font-size:9px;letter-spacing:.08em;padding:7px 8px;border:1px solid var(--line2);border-radius:999px;color:#8090B1;background:rgba(255,255,255,.022)}.multiplierFlow strong{color:#B6C5F7;border-color:rgba(5,47,226,.22);background:rgba(5,47,226,.08)}.multiplierFlow i{font-style:normal;color:#315BFF;font-size:11px}
@keyframes vaultPulse{0%,100%{opacity:.65;box-shadow:0 0 8px rgba(99,226,174,.4)}50%{opacity:1;box-shadow:0 0 15px rgba(99,226,174,.75)}}
@media(max-width:1050px){.employeeEngineHead{grid-template-columns:1fr;gap:18px}.employeeEngineHead .sectionLead{justify-self:start}.employeeEngineGrid{grid-template-columns:1fr}.schedulerCard,.formatsCard{grid-column:auto}.vaultCard{grid-column:auto;grid-template-columns:1fr;gap:26px}.vaultCard .engineCardTop,.vaultCard>h3,.vaultCard>p,.vaultCard .vaultMock{grid-column:auto;grid-row:auto}.contentMultiplier{grid-template-columns:1fr}.multiplierFlow{justify-content:flex-start}.contentMultiplier p{grid-column:auto}}
@media(max-width:720px){.employeeEngineSection{padding-top:72px}.employeeEngineHead{margin-bottom:32px}.engineCard{padding:22px;min-height:auto;border-radius:22px}.engineCard h3{font-size:31px;margin-top:28px}.scheduleRow{grid-template-columns:54px 1fr}.scheduleRow>i{display:none}.scheduleRow div strong{max-width:210px}.formatsCard .formatTier{grid-template-columns:34px 1fr}.formatTier>b{display:none}.formatTier.gold .videoPlay{display:none}.vaultItem{grid-template-columns:36px 1fr}.vaultItem>b{grid-column:2;justify-self:start}.contentMultiplier{padding:22px}.multiplierFlow{gap:5px}.multiplierFlow i{display:none}}
@media(prefers-reduced-motion:reduce){.vaultHeader>span i{animation:none!important}}


/* =========================================================
   V4.33 — THE AUTOMATIC VAULT GETS THE STAGE
   Make the recycle / repurpose story a marquee product idea.
   ========================================================= */
.vaultFeature{grid-column:1/-1!important;min-height:760px!important;display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:40px 64px!important;padding:44px!important;align-items:start!important;background:radial-gradient(circle at 79% 26%,rgba(5,47,226,.15),transparent 30%),linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.014))!important;border-color:rgba(92,126,235,.18)!important}
.vaultFeature:after{width:560px!important;height:560px!important;right:-260px!important;top:-300px!important;background:radial-gradient(circle,rgba(5,47,226,.22),transparent 68%)!important}
.vaultFeatureCopy{position:relative;z-index:2;min-width:0}
.vaultFeature .engineCardTop{margin-bottom:34px}
.vaultKicker{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(5,47,226,.18);border-radius:999px;background:rgba(5,47,226,.065);font-size:9px;letter-spacing:.13em;font-weight:850;color:#7899FF}
.vaultKicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#63E2AE;box-shadow:0 0 12px rgba(99,226,174,.55)}
.vaultFeature h3{font-size:clamp(44px,4.5vw,68px)!important;line-height:.96!important;max-width:650px!important;margin:22px 0 19px!important}
.vaultFeatureCopy>p{font-size:14px!important;line-height:1.78!important;max-width:640px!important;color:#949EB4!important;margin-bottom:32px!important}
.vaultValueGrid{display:grid;gap:10px;margin-top:26px}
.vaultValueGrid>div{display:grid;grid-template-columns:36px 1fr;gap:0 12px;padding:15px 16px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(255,255,255,.022);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.vaultValueGrid>div:hover{transform:translateX(3px);border-color:rgba(88,124,245,.2);background:rgba(5,47,226,.045)}
.vaultValueGrid>div>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(5,47,226,.12);border:1px solid rgba(5,47,226,.18);color:#8FA8FF;font-size:10px;font-weight:900}
.vaultValueGrid strong{font-size:12px;color:#E7ECFA;line-height:1.3}
.vaultValueGrid p{font-size:11px;line-height:1.55;color:#737F98;margin:4px 0 0}
.vaultFeatureVisual{position:relative;z-index:2;min-width:0;padding-top:2px}
.vaultMockLarge{border-radius:24px!important;box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 70px rgba(5,47,226,.055)!important}
.vaultMockLarge .vaultHeader{padding:19px 20px}.vaultMockLarge .vaultHeader small{font-size:10px}.vaultMockLarge .vaultHeader b{font-size:14px}
.vaultMockLarge .vaultTabs{padding:12px 15px;gap:8px}.vaultMockLarge .vaultTabs span{font-size:10px;padding:7px 10px}
.vaultMockLarge .vaultItem{grid-template-columns:48px 1fr auto;gap:14px;padding:17px 18px}.vaultMockLarge .vaultIcon{width:46px;height:46px;border-radius:13px;font-size:11px}.vaultMockLarge .vaultItem small{font-size:9px}.vaultMockLarge .vaultItem strong{font-size:12px;margin:4px 0}.vaultMockLarge .vaultItem span{font-size:10px}.vaultMockLarge .vaultItem>b{font-size:9px;padding:7px 8px}
.vaultMockLarge .vaultCycle{padding:16px;font-size:9px;gap:9px}
.vaultAutomationStrip{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;gap:7px;align-items:center;margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(4,10,27,.48)}
.vaultAutomationStrip>div{min-height:62px;padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.05)}
.vaultAutomationStrip>div.hot{border-color:rgba(5,47,226,.22);background:rgba(5,47,226,.08)}
.vaultAutomationStrip small{display:block;font-size:8px;letter-spacing:.12em;color:#63708B;font-weight:850}.vaultAutomationStrip b{display:block;font-size:11px;color:#CAD4ED;margin-top:5px}.vaultAutomationStrip .hot b{color:#B8C8FC}.vaultAutomationStrip>i{font-style:normal;text-align:center;color:#315BFF;font-size:12px}
.vaultMultiplier{grid-column:1/-1;position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:28px 45px;align-items:center;padding:28px 30px;margin-top:2px;border:1px solid rgba(79,116,235,.17);border-radius:22px;background:linear-gradient(135deg,rgba(5,47,226,.095),rgba(255,255,255,.018));overflow:hidden}
.vaultMultiplier:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-180px;bottom:-250px;background:radial-gradient(circle,rgba(5,47,226,.18),transparent 68%);pointer-events:none}
.vaultMultiplierCopy{position:relative;z-index:1}.vaultMultiplierCopy small{display:block;font-size:9px;letter-spacing:.14em;color:#7899FF;font-weight:850}.vaultMultiplierCopy h4{font-size:clamp(24px,2.7vw,38px);line-height:1.04;letter-spacing:-.045em;margin:8px 0 11px;color:#F3F6FF}.vaultMultiplierCopy p{font-size:12px;line-height:1.65;color:#78849D;margin:0;max-width:560px}
.vaultMultiplierFlow{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.vaultMultiplierFlow span,.vaultMultiplierFlow strong{font-size:9px;letter-spacing:.08em;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#8392B2;background:rgba(255,255,255,.022)}.vaultMultiplierFlow strong{color:#C1CFFC;border-color:rgba(5,47,226,.25);background:rgba(5,47,226,.10)}.vaultMultiplierFlow i{font-style:normal;color:#315BFF;font-size:11px}
.contentMultiplier{display:none!important}
@media(max-width:1050px){.vaultFeature{grid-template-columns:1fr!important;gap:32px!important;padding:34px!important}.vaultMultiplier{grid-template-columns:1fr}.vaultMultiplierFlow{justify-content:flex-start}}
@media(max-width:720px){.vaultFeature{padding:24px!important;min-height:auto!important;border-radius:24px!important}.vaultFeature .engineCardTop{margin-bottom:24px}.vaultFeature h3{font-size:42px!important}.vaultFeatureCopy>p{font-size:13px!important}.vaultValueGrid>div{grid-template-columns:32px 1fr;padding:13px}.vaultValueGrid>div>span{width:30px;height:30px}.vaultMockLarge .vaultTabs{overflow-x:auto}.vaultMockLarge .vaultTabs span{white-space:nowrap}.vaultMockLarge .vaultItem{grid-template-columns:40px 1fr;padding:14px}.vaultMockLarge .vaultItem>b{grid-column:2;justify-self:start}.vaultAutomationStrip{grid-template-columns:1fr 1fr;gap:7px}.vaultAutomationStrip>i{display:none}.vaultMultiplier{padding:22px}.vaultMultiplierFlow i{display:none}}


/* v4.34 — simplify creative formats + make the closing audience section B2B-first */
.formatsCard .formatTier.post{border-color:rgba(93,133,255,.20);background:linear-gradient(145deg,rgba(5,47,226,.08),rgba(255,255,255,.018))}
.formatsCard .formatTier.post .medal{background:linear-gradient(145deg,#14285E,#315BFF);color:#EAF0FF;border-color:rgba(105,143,255,.25)}
.formatsCard .formatTier.post small{color:#8EA8FF}
.formatsCard .formatTier.tile{border-color:rgba(114,231,255,.18);background:linear-gradient(145deg,rgba(114,231,255,.055),rgba(255,255,255,.018))}
.formatsCard .formatTier.tile .medal{background:linear-gradient(145deg,#16384C,#72E7FF);color:#071527;border-color:rgba(114,231,255,.24);font-size:13px}
.formatsCard .formatTier.tile small{color:#8DE9F8}
.formatsCard .formatTier.video{border-color:rgba(105,143,255,.26);background:linear-gradient(145deg,rgba(5,47,226,.12),rgba(61,99,255,.035))}
.formatsCard .formatTier.video .medal{background:linear-gradient(145deg,#052FE2,#6F8CFF);color:#fff;border-color:rgba(126,157,255,.28)}
.formatsCard .formatTier.video small{color:#A5B8FF}
.formatsCard .formatTier.video .videoPlay{position:absolute;right:70px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(5,47,226,.12);border:1px solid rgba(111,140,255,.22);font-size:10px;color:#B6C4FF}

.b2bSection .teamsHead{max-width:980px}
.b2bSection .teamsHead .sectionTitle em{font-style:normal;color:#93AAFF}
.b2bMotionPanel{position:relative;overflow:hidden;display:grid;grid-template-columns:.78fr 1.22fr;gap:46px;padding:36px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 92% 8%,rgba(5,47,226,.17),transparent 30%),linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.017));box-shadow:0 28px 85px rgba(0,0,0,.22)}
.b2bMotionPanel:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;left:-220px;bottom:-270px;border:1px solid rgba(98,132,255,.08);box-shadow:0 0 0 75px rgba(98,132,255,.025),0 0 0 150px rgba(98,132,255,.012);pointer-events:none}
.b2bMotionCopy{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0}
.b2bMotionCopy .teamCardTop{margin-bottom:34px}
.b2bMotionCopy h3{font-size:clamp(32px,3.4vw,48px);line-height:1.02;letter-spacing:-.047em;margin:0 0 18px;max-width:560px}
.b2bMotionCopy>p{font-size:13px;line-height:1.72;color:#939CAF;max-width:560px;margin:0 0 34px}
.b2bMotionCopy .teamOutcome{margin-top:auto}
.b2bUseCaseGrid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.b2bUseCaseGrid article{min-height:155px;padding:18px;border:1px solid var(--line2);border-radius:17px;background:rgba(7,14,34,.46);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.b2bUseCaseGrid article:hover{transform:translateY(-3px);border-color:rgba(93,133,255,.25);background:rgba(5,47,226,.055)}
.b2bUseCaseGrid small{display:block;font-size:9px;letter-spacing:.13em;color:#6686F4;font-weight:850;margin-bottom:20px}
.b2bUseCaseGrid b{display:block;font-size:13px;color:#EEF2FF;margin-bottom:7px;letter-spacing:-.015em}
.b2bUseCaseGrid span{display:block;font-size:12px;line-height:1.55;color:#77839D}
.b2bSection .teamsShared{margin-top:12px}
@media(max-width:980px){.b2bMotionPanel{grid-template-columns:1fr;gap:32px}.b2bMotionCopy .teamOutcome{margin-top:4px}}
@media(max-width:640px){.b2bMotionPanel{padding:22px;border-radius:22px}.b2bUseCaseGrid{grid-template-columns:1fr}.b2bUseCaseGrid article{min-height:auto}.b2bMotionCopy h3{font-size:34px}.formatsCard .formatTier.video .videoPlay{display:none}}
\n\n/* v4.35 — Automatic Vault promoted into its own product section */
.vaultStandaloneSection{
  padding:118px 0 74px;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 74% 34%,rgba(5,47,226,.085),transparent 68%),
    linear-gradient(180deg,rgba(255,255,255,.008),rgba(5,47,226,.025) 52%,rgba(255,255,255,.008));
}
.vaultStandaloneSection .vaultFeature{
  margin:0;
  min-height:820px!important;
}
.vaultStandaloneSection .vaultFeatureCopy>.sectionLabel{
  margin-bottom:28px;
  color:#8EAAFF;
}
.vaultStandaloneSection .vaultKicker{
  margin-top:0;
}
.employeeEngineSection{
  padding-top:92px;
}
.employeeEngineGrid{
  grid-template-columns:1fr 1fr;
}
@media(max-width:1050px){
  .vaultStandaloneSection{padding:92px 0 54px}
  .vaultStandaloneSection .vaultFeature{min-height:auto!important}
}
@media(max-width:720px){
  .vaultStandaloneSection{padding:72px 0 38px}
  .employeeEngineSection{padding-top:72px}
}


/* v4.36 — promote the three Vault benefits into the full-width closing row */
.vaultFeature>.vaultValueGridLarge{
  grid-column:1/-1;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:2px;
}
.vaultFeature>.vaultValueGridLarge>div{
  display:block;
  min-height:235px;
  padding:28px 28px 30px;
  border:1px solid rgba(91,126,241,.17);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(5,47,226,.075),rgba(255,255,255,.022));
  position:relative;
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.vaultFeature>.vaultValueGridLarge>div:after{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  right:-95px;
  bottom:-120px;
  background:radial-gradient(circle,rgba(5,47,226,.16),transparent 68%);
  pointer-events:none;
}
.vaultFeature>.vaultValueGridLarge>div:hover{
  transform:translateY(-5px);
  border-color:rgba(100,137,255,.31);
  background:linear-gradient(145deg,rgba(5,47,226,.12),rgba(255,255,255,.028));
}
.vaultFeature>.vaultValueGridLarge>div>span{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:28px;
  border-radius:14px;
  background:rgba(5,47,226,.16);
  border:1px solid rgba(82,119,255,.28);
  color:#A2B7FF;
  font-size:12px;
  font-weight:900;
}
.vaultFeature>.vaultValueGridLarge strong{
  display:block;
  position:relative;
  z-index:1;
  font-size:clamp(20px,2vw,28px);
  line-height:1.08;
  letter-spacing:-.035em;
  color:#F2F5FF;
  margin-bottom:13px;
}
.vaultFeature>.vaultValueGridLarge p{
  position:relative;
  z-index:1;
  font-size:12px;
  line-height:1.7;
  color:#8793AC;
  margin:0;
  max-width:360px;
}
@media(max-width:900px){
  .vaultFeature>.vaultValueGridLarge{grid-template-columns:1fr;gap:11px}
  .vaultFeature>.vaultValueGridLarge>div{min-height:auto;padding:24px}
  .vaultFeature>.vaultValueGridLarge>div>span{margin-bottom:18px}
}
@media(max-width:720px){
  .vaultFeature>.vaultValueGridLarge>div{padding:21px;border-radius:18px}
  .vaultFeature>.vaultValueGridLarge strong{font-size:23px}
  .vaultFeature>.vaultValueGridLarge p{font-size:12px}
}


/* v4.37 — tighter buyer journey */
.voiceStrip{margin:34px 0 28px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:center}
.voiceStripIntro small{display:block;font-size:10px;letter-spacing:.13em;color:#7895FF;font-weight:850;margin-bottom:8px}.voiceStripIntro h3{font-size:26px;line-height:1.05;letter-spacing:-.04em;margin:0 0 10px}.voiceStripIntro p{margin:0;color:#8893AA;font-size:12px;line-height:1.6;max-width:390px}
.voiceStripPeople{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.voiceStripPeople article{min-width:0;padding:13px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.022);display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.voiceStripAvatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#5882FF,#698EFF);font-size:11px;font-weight:850;color:#fff}.voiceStripPeople small{display:block;font-size:9px;letter-spacing:.08em;color:#7080A6;margin-bottom:4px}.voiceStripPeople b{display:block;font-size:12px;line-height:1.35;color:#E7ECFA}.voiceStripPeople p{font-size:10px;line-height:1.45;color:#7E879D;margin:5px 0 0}
.employeeEngineGrid{margin-top:18px}

.proofBarSection{padding:56px 0 34px}.proofBarHead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:18px}.proofBarHead h2{font-size:clamp(28px,3.2vw,42px);line-height:1;letter-spacing:-.045em;margin:0;max-width:720px}.proofBarHead p{max-width:420px;margin:0;color:#858FA7;font-size:12px;line-height:1.6}.proofBarGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proofBarItem{min-height:142px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.014));display:grid;grid-template-columns:auto 1fr;grid-template-areas:'company company' 'stat label' 'stat detail';column-gap:16px;align-items:center;transition:transform .25s ease,border-color .25s ease}.proofBarItem>span{grid-area:company;font-size:10px;letter-spacing:.11em;color:#707B94;font-weight:850}.proofBarItem>strong{grid-area:stat;font-size:44px;line-height:.9;letter-spacing:-.06em;background:linear-gradient(135deg,#fff,#A7BDFF);-webkit-background-clip:text;background-clip:text;color:transparent}.proofBarItem>b{grid-area:label;font-size:13px;color:#E7ECFA;align-self:end}.proofBarItem>small{grid-area:detail;font-size:11px;color:#77839B;align-self:start}.proofBarLink:hover{transform:translateY(-4px);border-color:rgba(112,148,255,.28)}
.pricingSection{padding-top:58px}

@media(max-width:980px){.voiceStrip{grid-template-columns:1fr}.voiceStripPeople{grid-template-columns:1fr 1fr 1fr}.proofBarHead{align-items:flex-start;flex-direction:column;gap:12px}.proofBarGrid{grid-template-columns:1fr 1fr}.proofBarItem:last-child{grid-column:1/-1}}
@media(max-width:720px){.voiceStrip{padding:18px;margin:25px 0 18px}.voiceStripPeople{grid-template-columns:1fr}.proofBarSection{padding:44px 0 22px}.proofBarGrid{grid-template-columns:1fr}.proofBarItem:last-child{grid-column:auto}.proofBarItem{min-height:120px}.proofBarItem>strong{font-size:38px}.pricingSection{padding-top:45px}}


/* ============================================================
   ABOUT RIPPLY — v1
   Same visual system as the homepage, with a more editorial
   founder / Broadbean → Paiger → Ripply story.
   ============================================================ */
.aboutPage{background:var(--bg)}
.aboutHero{min-height:88vh;padding:158px 0 92px;position:relative;overflow:hidden;display:flex;align-items:center}
.aboutHero:before{content:"";position:absolute;left:50%;top:48%;width:1180px;height:780px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(5,47,226,.18),rgba(61,99,255,.045) 42%,transparent 70%);filter:blur(12px);pointer-events:none}
.aboutHeroInner{position:relative;z-index:2;text-align:center;max-width:1040px}
.aboutHero .eyebrow{margin-inline:auto}
.aboutHero h1{font-size:clamp(62px,7.5vw,112px);line-height:.88;letter-spacing:-.068em;margin:25px auto 28px;font-weight:760;max-width:1060px;text-wrap:balance}
.aboutHero h1 .soft{display:block;color:#B9BFD2;font-weight:620}
.aboutHero h1 .gradient{display:block;background:linear-gradient(90deg,#fff 0%,#9AB3FF 30%,#799AFF 70%,#fff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}
.aboutHeroLead{font-size:clamp(17px,1.55vw,21px);line-height:1.7;color:#A7ADC1;max-width:790px;margin:0 auto 34px}
.aboutJourney{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;gap:10px;align-items:center;max-width:850px;margin:0 auto}
.aboutJourney>div{min-height:96px;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.03);text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.aboutJourney>div.hot{border-color:rgba(76,113,255,.32);background:linear-gradient(145deg,rgba(5,47,226,.18),rgba(5,47,226,.055))}
.aboutJourney small{display:block;font-size:10px;letter-spacing:.13em;color:#7181A4;font-weight:850;margin-bottom:7px}.aboutJourney b{display:block;font-size:14px;color:#F1F4FF;margin-bottom:4px}.aboutJourney span{display:block;font-size:12px;line-height:1.45;color:#7F8AA4}
.aboutJourney>i{font-style:normal;text-align:center;color:#446BFA;font-size:17px}

.aboutStorySection{padding-top:96px}
.aboutStorySection .originStoryGrid{grid-template-columns:.92fr 1.08fr}
.aboutStorySection .originStoryCopy .sectionTitle{max-width:650px}
.aboutStorySection .originThesis strong{font-size:15px}

.paigerSection{padding:126px 0;background:linear-gradient(180deg,rgba(5,47,226,.025),rgba(255,255,255,.008) 55%,transparent)}
.paigerHead{display:grid;grid-template-columns:1fr .76fr;gap:60px;align-items:end;margin-bottom:48px}.paigerHead .sectionLead{justify-self:end}
.paigerPanel{display:grid;grid-template-columns:.88fr 1.12fr;gap:14px;align-items:stretch}
.paigerStatement{padding:36px;border:1px solid rgba(88,126,255,.24);border-radius:28px;background:radial-gradient(circle at 90% 5%,rgba(5,47,226,.23),transparent 36%),linear-gradient(145deg,#101B3E,#09122C);position:relative;overflow:hidden;min-height:470px;display:flex;flex-direction:column;justify-content:space-between}
.paigerStatement:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-220px;bottom:-260px;border:1px solid rgba(115,146,255,.11);box-shadow:0 0 0 80px rgba(75,111,255,.035),0 0 0 160px rgba(75,111,255,.018)}
.paigerStatement small{font-size:11px;letter-spacing:.14em;color:#7898FF;font-weight:850;position:relative;z-index:1}.paigerStatement strong{display:block;font-size:clamp(42px,4.5vw,66px);line-height:.94;letter-spacing:-.058em;max-width:520px;margin:32px 0;color:#F4F7FF;position:relative;z-index:1}.paigerStatement p{font-size:13px;line-height:1.7;color:#8D98B2;max-width:500px;margin:0;position:relative;z-index:1}
.paigerLessons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.paigerLesson{padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.016));min-height:220px;position:relative;overflow:hidden}.paigerLesson>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(5,47,226,.13);border:1px solid rgba(74,112,255,.24);color:#90A9FF;font-size:12px;font-weight:900;margin-bottom:28px}.paigerLesson h3{font-size:20px;line-height:1.1;letter-spacing:-.035em;margin:0 0 10px}.paigerLesson p{font-size:12px;line-height:1.7;color:#808CA5;margin:0}.paigerLesson:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-100px;bottom:-120px;background:radial-gradient(circle,rgba(5,47,226,.16),transparent 68%)}

.proofLine{padding:36px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:rgba(255,255,255,.012)}
.proofLineIn{display:grid;grid-template-columns:auto 1px 1fr 1px 1fr;gap:26px;align-items:center}.proofLineBadge{font-size:11px;letter-spacing:.13em;color:#6F8CFF;font-weight:850}.proofLineIn>i{width:1px;height:44px;background:var(--line2)}.proofLineItem small{display:block;font-size:10px;letter-spacing:.1em;color:#6D7892;margin-bottom:5px}.proofLineItem b{display:block;font-size:13px;color:#DCE4F7}

.whyNowSection{padding:130px 0}.whyNowGrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.whyNowCopy{position:sticky;top:130px}.whyNowCards{display:grid;gap:12px}.whyNowCard{padding:28px 30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.014));display:grid;grid-template-columns:54px 1fr;gap:20px;align-items:start}.whyNowCard>span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(5,47,226,.18),rgba(61,99,255,.06));border:1px solid rgba(80,117,255,.22);color:#9CB2FF;font-size:12px;font-weight:900}.whyNowCard h3{font-size:23px;line-height:1.08;letter-spacing:-.038em;margin:2px 0 9px}.whyNowCard p{font-size:12px;line-height:1.7;color:#8590A7;margin:0}

.aboutRipplySection{padding:120px 0 135px;background:linear-gradient(180deg,transparent,rgba(5,47,226,.045) 55%,transparent)}
.aboutRipplyPanel{border:1px solid rgba(93,132,255,.22);border-radius:32px;padding:58px;background:radial-gradient(circle at 85% 10%,rgba(5,47,226,.22),transparent 32%),linear-gradient(145deg,#0E1837,#081126);display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;overflow:hidden;position:relative}
.aboutRipplyPanel h2{font-size:clamp(48px,5.5vw,76px);line-height:.95;letter-spacing:-.06em;margin:12px 0 23px;max-width:700px}.aboutRipplyPanel h2 em{font-style:normal;color:#96ADFF}.aboutRipplyPanel p{font-size:15px;line-height:1.72;color:#929CB2;max-width:620px;margin:0 0 28px}.aboutRipplyActions{display:flex;gap:10px;flex-wrap:wrap}
.aboutModel{display:grid;gap:8px;position:relative}.aboutModel>div{padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.028);display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center}.aboutModel>div.hot{border-color:rgba(82,119,255,.31);background:rgba(5,47,226,.12)}.aboutModel span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(5,47,226,.15);color:#97AFFF;font-size:11px;font-weight:900}.aboutModel small{display:block;font-size:9px;letter-spacing:.1em;color:#7080A2;margin-bottom:3px}.aboutModel b{display:block;font-size:12px;color:#E9EEFB}.aboutModel i{text-align:center;font-style:normal;color:#456BFA;font-size:13px}

.aboutFooterNote{margin-top:9px;font-size:11px;color:#586278}

@media(max-width:1050px){
  .aboutJourney{grid-template-columns:1fr 24px 1fr 24px 1fr}.paigerHead,.paigerPanel,.whyNowGrid,.aboutRipplyPanel{grid-template-columns:1fr}.paigerHead .sectionLead{justify-self:start}.whyNowCopy{position:static}.aboutRipplyPanel{gap:38px}.paigerStatement{min-height:390px}
}
@media(max-width:720px){
  .aboutHero{min-height:auto;padding:122px 0 70px}.aboutHero h1{font-size:clamp(52px,14vw,76px)}.aboutHeroLead{font-size:15px}.aboutJourney{grid-template-columns:1fr;max-width:520px}.aboutJourney>i{transform:rotate(90deg)}.aboutJourney>div{min-height:auto}.aboutStorySection{padding-top:58px}.paigerSection,.whyNowSection,.aboutRipplySection{padding:82px 0}.paigerLessons{grid-template-columns:1fr}.paigerStatement{padding:27px;min-height:350px}.paigerStatement strong{font-size:44px}.paigerLesson{min-height:auto}.proofLineIn{grid-template-columns:1fr;gap:13px}.proofLineIn>i{width:100%;height:1px}.whyNowCard{padding:22px;grid-template-columns:44px 1fr}.whyNowCard>span{width:42px;height:42px}.whyNowCard h3{font-size:20px}.aboutRipplyPanel{padding:30px 22px;border-radius:25px}.aboutRipplyPanel h2{font-size:47px}
}


/* ============================================================
   EMPLOYER BRAND — v1
   Dedicated employer-brand landing page
   ============================================================ */
.b2bUseCaseGrid .b2bUseCaseLink{min-height:155px;padding:18px;border:1px solid rgba(87,124,255,.25);border-radius:17px;background:linear-gradient(145deg,rgba(5,47,226,.12),rgba(7,14,34,.52));transition:transform .25s ease,border-color .25s ease,background .25s ease;display:block;position:relative}
.b2bUseCaseGrid .b2bUseCaseLink:hover{transform:translateY(-4px);border-color:rgba(112,148,255,.42);background:rgba(5,47,226,.11)}
.b2bUseCaseGrid .b2bUseCaseLink em{display:block;font-style:normal;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#91AAFF;margin-top:14px}
.employerPage{background:var(--bg)}
.employerHero{min-height:96vh;padding:150px 0 92px;position:relative;overflow:hidden;display:flex;align-items:center}
.employerHeroGlow{position:absolute;right:-260px;top:10%;width:980px;height:740px;border-radius:50%;background:radial-gradient(circle,rgba(5,47,226,.20),rgba(61,99,255,.055) 42%,transparent 70%);filter:blur(18px);pointer-events:none}
.employerHeroGrid{display:grid;grid-template-columns:.93fr 1.07fr;gap:70px;align-items:center;position:relative;z-index:2}
.employerHeroCopy h1{font-size:clamp(58px,6.2vw,94px);line-height:.91;letter-spacing:-.064em;margin:24px 0 28px;font-weight:730;text-wrap:balance;max-width:760px}
.employerHeroCopy h1 span{display:block;color:#B9BFD2;font-weight:620}.employerHeroCopy h1 em{display:block;font-style:normal;background:linear-gradient(90deg,#fff,#91AAFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.employerHeroCopy>p{font-size:18px;line-height:1.72;color:#A5ADC2;max-width:700px;margin:0 0 28px}.employerHeroActions{display:flex;gap:10px;flex-wrap:wrap}
.employerHeroProof{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:28px;font-size:11px;color:#78839B}.employerHeroProof span{display:flex;gap:5px;align-items:baseline}.employerHeroProof b{font-size:14px;color:#DCE4FF}.employerHeroProof i{width:1px;height:22px;background:var(--line2)}
.employerRipple{position:relative;min-height:610px;display:grid;place-items:center}.employerRipple:before{content:"";position:absolute;inset:9% 2%;background:radial-gradient(circle,rgba(5,47,226,.18),transparent 62%);filter:blur(30px)}
.employerSource{width:260px;padding:19px;border:1px solid rgba(104,142,255,.28);border-radius:21px;background:linear-gradient(145deg,#101D43,#09132F);box-shadow:0 35px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);position:relative;z-index:6}.employerSource small{display:block;font-size:10px;letter-spacing:.12em;color:#7595FF;font-weight:850}.employerSource strong{display:block;font-size:18px;line-height:1.22;margin:9px 0}.employerSource span{font-size:11px;color:#7C879F}
.employerRings{position:absolute;left:50%;top:50%;width:1px;height:1px}.employerRings i{position:absolute;left:0;top:0;width:180px;height:180px;border:1px solid rgba(93,128,255,.20);border-radius:50%;transform:translate(-50%,-50%);animation:employerRipple 7s ease-out infinite;opacity:0}.employerRings i:nth-child(2){animation-delay:1.7s}.employerRings i:nth-child(3){animation-delay:3.4s}.employerRings i:nth-child(4){animation-delay:5.1s}@keyframes employerRipple{0%{width:170px;height:170px;opacity:0}10%{opacity:.75}100%{width:720px;height:720px;opacity:0}}
.employerPerson{position:absolute;width:245px;padding:13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(17,27,57,.93),rgba(9,16,38,.9));box-shadow:0 20px 55px rgba(0,0,0,.32);display:grid;grid-template-columns:34px 1fr;gap:10px;z-index:7}.employerPerson>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#678BFF,#5277EE);font-size:11px;font-weight:850}.employerPerson small{display:block;font-size:9px;letter-spacing:.1em;color:#7684A3}.employerPerson b{display:block;font-size:12px;margin:3px 0 7px}.employerPerson p{font-size:11px;line-height:1.5;color:#9EA6BA;margin:0}.employerPerson.ep1{left:0;top:13%}.employerPerson.ep2{right:0;top:19%}.employerPerson.ep3{left:13%;bottom:5%}
.employerSignal{position:absolute;z-index:9;padding:8px 11px;border-radius:999px;border:1px solid rgba(99,226,174,.2);background:rgba(34,80,65,.58);color:#BAF3D8;font-size:10px;font-weight:850}.employerSignal.sig1{right:8%;bottom:14%}.employerSignal.sig2{right:2%;top:50%;border-color:rgba(104,142,255,.22);background:rgba(35,51,98,.7);color:#BAC8FF}
.employerProblemSection{padding-top:110px}.employerProblemGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.employerProblemCopy .sectionTitle em{font-style:normal;color:#8FA8FF}.employerProblemVisual{padding:31px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:var(--shadow)}.channelCompare{padding:21px;border:1px solid var(--line2);border-radius:17px;background:rgba(255,255,255,.02)}.channelCompare small{display:block;font-size:10px;letter-spacing:.12em;color:#6D7892;font-weight:850}.channelCompare strong{display:block;font-size:23px;letter-spacing:-.035em;margin:8px 0 3px}.channelCompare span{font-size:12px;color:#7C879E}.channelCompare.strong{border-color:rgba(75,113,255,.28);background:linear-gradient(145deg,rgba(5,47,226,.15),rgba(5,47,226,.035))}.channelCompare.strong strong{color:#B1C2FF}.channelBar{height:5px;border-radius:999px;background:rgba(255,255,255,.06);margin-top:17px;overflow:hidden}.channelBar i{display:block;height:100%;border-radius:999px;background:#56637F}.channelCompare.strong .channelBar i{background:linear-gradient(90deg,#052FE2,#7092FF)}.channelArrow{text-align:center;color:#496CF1;padding:11px}.problemNote{text-align:center;margin-top:18px;font-size:12px;color:#9CA8C2;font-weight:700}
.employerVaultSection{background:linear-gradient(180deg,rgba(5,47,226,.025),rgba(255,255,255,.006) 55%,transparent)}.employerVaultHead,.employerPeopleHead,.employerProofHead{display:grid;grid-template-columns:1fr .78fr;gap:60px;align-items:end;margin-bottom:48px}.employerVaultHead .sectionLead,.employerPeopleHead .sectionLead{justify-self:end}.employerVaultPanel{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;align-items:stretch}.employerVaultMock{padding:24px;border:1px solid rgba(77,116,255,.22);border-radius:28px;background:linear-gradient(155deg,#0D1838,#081126);box-shadow:0 30px 90px rgba(0,0,0,.30)}.evTop{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line2)}.evTop small{display:block;font-size:10px;letter-spacing:.12em;color:#7185B3}.evTop b{display:block;font-size:15px;margin-top:4px}.evTop>span{font-size:10px;color:#83DDB7;border:1px solid rgba(99,226,174,.18);background:rgba(99,226,174,.06);padding:6px 8px;border-radius:999px}.evTop>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#63E2AE;margin-right:5px}.evFilters{display:flex;gap:6px;flex-wrap:wrap;padding:16px 0}.evFilters span{font-size:10px;color:#7B879F;border:1px solid var(--line2);padding:6px 8px;border-radius:999px}.evFilters .active{color:#C5D2FF;background:rgba(5,47,226,.13);border-color:rgba(77,116,255,.22)}.evItem{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.018);margin-top:8px}.evIcon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(5,47,226,.13);border:1px solid rgba(80,116,255,.17);color:#9AAFFF;font-size:10px;font-weight:850}.evIcon.video{background:rgba(114,231,255,.07);color:#72E7FF}.evItem small{display:block;font-size:9px;letter-spacing:.08em;color:#697691}.evItem b{display:block;font-size:12px;margin:4px 0 2px}.evItem em{display:block;font-style:normal;font-size:10px;color:#77839B}.evItem>strong{font-size:9px;letter-spacing:.08em;color:#89A4FF}.employerVaultReasons{display:grid;gap:10px}.employerVaultReasons article{padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.014));display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start}.employerVaultReasons article>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(5,47,226,.13);border:1px solid rgba(80,116,255,.20);color:#91A9FF;font-size:11px;font-weight:900}.employerVaultReasons h3{font-size:20px;letter-spacing:-.035em;margin:3px 0 8px}.employerVaultReasons p{font-size:12px;line-height:1.65;color:#8390A8;margin:0}
.employerPeopleSection{padding-top:110px}.employerVoiceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.employerVoiceCard{min-height:360px;padding:25px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease}.employerVoiceCard:hover{transform:translateY(-6px);border-color:rgba(93,133,255,.28)}.evcTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.evcTop span{font-size:10px;letter-spacing:.1em;color:#7593F4}.evcTop b{font-size:11px;color:#707B93}.employerVoiceCard h3{font-size:27px;letter-spacing:-.04em;margin:48px 0 16px}.employerVoiceCard>p{font-size:13px;line-height:1.65;color:#ABB2C4;margin:0;flex:1}.employerVoiceCard>div:last-child{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line2)}.employerVoiceCard>div:last-child span{font-size:10px;color:#7A849A;padding:5px 7px;border:1px solid var(--line2);border-radius:999px}.employerVoiceCard>div:last-child strong{font-size:10px;color:#95ACFF;margin-left:auto}.employerPrinciple{margin-top:14px;padding:18px 21px;border:1px solid rgba(80,117,255,.22);border-radius:16px;background:linear-gradient(90deg,rgba(5,47,226,.12),rgba(5,47,226,.025));display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.employerPrinciple small{font-size:10px;letter-spacing:.12em;color:#7595FF}.employerPrinciple strong{font-size:17px}.employerPrinciple span{font-size:12px;color:#8290A9}
.employerEngineSection{background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(5,47,226,.025) 60%,transparent)}.employerEngineGrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.engineFeatureList{display:grid;margin-top:28px;border-top:1px solid var(--line2)}.engineFeatureList>div{display:grid;grid-template-columns:38px 1fr;column-gap:13px;padding:18px 0;border-bottom:1px solid var(--line2)}.engineFeatureList span{grid-row:1/3;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(5,47,226,.13);color:#93AAFF;font-size:11px;font-weight:900}.engineFeatureList b{font-size:13px}.engineFeatureList small{font-size:12px;line-height:1.55;color:#7F8AA2;margin-top:3px}.employerEngineMock{padding:23px;border:1px solid var(--line);border-radius:28px;background:#0A132D;box-shadow:0 35px 90px rgba(0,0,0,.36);position:relative;overflow:hidden}.employerEngineMock:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-200px;bottom:-230px;background:radial-gradient(circle,rgba(5,47,226,.20),transparent 67%)}.eemTop{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line2)}.eemTop small{font-size:10px;letter-spacing:.12em;color:#7891D3}.eemTop span{font-size:11px;color:#7E899E}.eemWeek{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:17px 0 11px}.eemWeek b{text-align:center;font-size:9px;color:#68748E}.eemPost{padding:12px 13px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.02);margin-bottom:7px;display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;position:relative;z-index:1}.eemPost small{font-size:9px;color:#6F7B95}.eemPost strong{font-size:12px}.eemPost span{font-size:10px;color:#8BA2EE}.eemPost.p2{border-color:rgba(76,113,255,.22);background:rgba(5,47,226,.07)}.eemFormats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:17px;position:relative;z-index:1}.eemFormats>div{min-height:145px;padding:14px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.02);display:flex;flex-direction:column}.eemFormats small{font-size:9px;letter-spacing:.1em;color:#6E7D9C}.eemFormats b{font-size:12px;line-height:1.45;margin-top:auto}.eemFormats .tile{background:linear-gradient(145deg,#052FE2,#315BFF);color:#fff;border-color:#3B60EA}.eemFormats .tile b{font-size:14px;line-height:1.0;letter-spacing:-.04em;margin:auto 0}.eemFormats .vid{background:linear-gradient(145deg,#0B2341,#0C1632)}.eemFormats .vid>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0C1730;margin:auto auto 9px;font-size:12px}
.employerLoopSection{padding-top:100px}.employerLoopPanel{border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:56px}.employerApproval{margin-top:48px;padding-top:36px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:30px;align-items:center}.employerApproval small{display:block;font-size:10px;letter-spacing:.12em;color:#7595FF}.employerApproval strong{display:block;font-size:19px;margin:7px 0}.employerApproval span{font-size:12px;color:#8190AA}.approvalPulse{min-width:235px;padding:16px;border:1px solid rgba(99,226,174,.17);border-radius:15px;background:rgba(99,226,174,.045);position:relative}.approvalPulse i{position:absolute;right:14px;top:14px;width:7px;height:7px;border-radius:50%;background:#63E2AE;box-shadow:0 0 14px rgba(99,226,174,.6)}.approvalPulse b{display:block;font-size:13px}.approvalPulse small{font-size:10px;color:#76958A;margin-top:4px}
.employerProofSection{padding:105px 0;background:linear-gradient(180deg,rgba(5,47,226,.035),transparent)}.employerProofHead a{justify-self:end;font-size:12px;color:#91AAFF;border-bottom:1px solid rgba(145,170,255,.32);padding-bottom:2px}.employerProofGrid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:14px}.employerProofCard{min-height:250px;padding:27px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.014));display:flex;flex-direction:column;transition:transform .28s ease,border-color .28s ease}.employerProofCard:hover{transform:translateY(-5px);border-color:rgba(100,138,255,.28)}.employerProofCard.featured{border-color:rgba(78,116,255,.25);background:linear-gradient(145deg,rgba(5,47,226,.14),rgba(255,255,255,.02))}.employerProofCard small{font-size:10px;letter-spacing:.12em;color:#727E98}.employerProofCard>strong{font-size:58px;line-height:.95;letter-spacing:-.06em;margin:28px 0 7px;background:linear-gradient(135deg,#fff,#A7BDFF);-webkit-background-clip:text;background-clip:text;color:transparent}.employerProofCard b{font-size:14px}.employerProofCard span{font-size:12px;line-height:1.55;color:#7E899F;margin-top:auto;padding-top:18px}.employerProofCard em{font-style:normal;font-size:10px;color:#92AAFF;margin-top:13px;padding-top:12px;border-top:1px solid var(--line2)}
.employerUseCasesSection{padding:120px 0}.employerUseCasesGrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:start}.employerUseCases{display:grid;grid-template-columns:1fr 1fr;gap:10px}.employerUseCases article{padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));display:grid;grid-template-columns:37px 1fr;gap:13px;min-height:155px}.employerUseCases article>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:rgba(5,47,226,.12);color:#92A9FF;font-size:10px;font-weight:900}.employerUseCases b{font-size:14px}.employerUseCases p{font-size:12px;line-height:1.6;color:#7F8BA3;margin:7px 0 0}.employerFinal{padding-top:135px}
@media(max-width:1080px){.employerHeroGrid,.employerProblemGrid,.employerVaultPanel,.employerEngineGrid,.employerUseCasesGrid{grid-template-columns:1fr}.employerHeroGrid{gap:25px}.employerRipple{min-height:620px}.employerVaultHead,.employerPeopleHead,.employerProofHead{grid-template-columns:1fr}.employerVaultHead .sectionLead,.employerPeopleHead .sectionLead,.employerProofHead a{justify-self:start}.employerVoiceGrid{grid-template-columns:1fr 1fr}.employerVoiceCard:last-child{grid-column:1/-1;min-height:280px}.employerProofGrid{grid-template-columns:1fr 1fr}.employerProofCard.featured{grid-column:1/-1}.employerUseCasesGrid{gap:38px}}
@media(max-width:720px){.b2bUseCaseGrid .b2bUseCaseLink{min-height:auto}.employerHero{min-height:auto;padding:122px 0 60px}.employerHeroCopy h1{font-size:54px}.employerHeroCopy>p{font-size:15px}.employerHeroProof i{display:none}.employerHeroProof{display:grid;grid-template-columns:1fr 1fr}.employerRipple{min-height:600px;margin-top:10px}.employerSource{width:min(74vw,260px)}.employerPerson{width:188px}.employerPerson.ep1{left:-5%;top:14%}.employerPerson.ep2{right:-5%;top:24%}.employerPerson.ep3{left:5%;bottom:4%}.employerSignal.sig2{display:none}.employerProblemSection{padding-top:72px}.employerProblemGrid{gap:38px}.employerVaultSection,.employerPeopleSection,.employerEngineSection,.employerLoopSection,.employerUseCasesSection{padding:82px 0}.employerVaultHead,.employerPeopleHead,.employerProofHead{gap:15px;margin-bottom:30px}.employerVaultMock{padding:17px}.evItem{grid-template-columns:34px 1fr}.evItem>strong{grid-column:2}.employerVoiceGrid{grid-template-columns:1fr}.employerVoiceCard:last-child{grid-column:auto}.employerVoiceCard{min-height:320px}.employerPrinciple{grid-template-columns:1fr;gap:7px}.eemPost{grid-template-columns:1fr}.eemFormats{grid-template-columns:1fr}.eemFormats>div{min-height:120px}.employerLoopPanel{padding:29px 20px}.employerApproval{align-items:flex-start;flex-direction:column}.approvalPulse{min-width:0;width:100%}.employerProofGrid{grid-template-columns:1fr}.employerProofCard.featured{grid-column:auto}.employerUseCases{grid-template-columns:1fr}.employerProofSection{padding:76px 0}.employerFinal{padding-top:100px}}
@media(prefers-reduced-motion:reduce){.employerRings i{animation:none!important}}


/* V4.41 — dedicated pricing page */
.pricingPageHero{position:relative;min-height:720px;padding:170px 0 105px;display:flex;align-items:center;text-align:center;overflow:hidden}
.pricingPageGlow{position:absolute;left:50%;top:18%;width:1050px;height:620px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(5,47,226,.20),rgba(5,47,226,.05) 42%,transparent 69%);filter:blur(18px);pointer-events:none}
.pricingPageHeroInner{position:relative;z-index:2;max-width:1000px}
.pricingPageHero .eyebrow{margin-inline:auto}
.pricingPageHero h1{font-size:clamp(70px,8.8vw,126px);line-height:.86;letter-spacing:-.072em;margin:27px auto 29px;max-width:1050px;font-weight:720}
.pricingPageHero h1 span{display:block;background:linear-gradient(90deg,#fff 0%,#9AB3FF 35%,#799AFF 68%,#fff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}
.pricingPageHero p{font-size:18px;line-height:1.72;color:#9CA4BA;max-width:760px;margin:0 auto 31px}
.pricingPagePlanSection{padding-top:35px}
.pricingPagePanel{grid-template-columns:1.08fr .92fr;align-items:stretch}
.pricingPagePanel .priceCopy{align-self:center}
.pricingStartCard{display:flex;flex-direction:column;justify-content:center;min-height:470px;background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(5,47,226,.07))}
.pricingStartCard .price{font-size:72px}
.pricingCardCta{margin-top:24px;width:100%}
.pricingRoiSection{padding-top:105px}
.pricingRoiGrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}
.pricingRoiCopy .sectionTitle{font-size:clamp(50px,5.3vw,76px)}
.pricingRoiNotes{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}
.pricingRoiNotes span{font-size:11px;color:#8791AA;border:1px solid var(--line2);background:rgba(255,255,255,.025);padding:8px 10px;border-radius:999px}
.pricingRoiGrid .miniRoi{padding:34px;border-radius:30px}
.pricingRoiGrid .miniRoiTop h3{font-size:22px}
.pricingPrincipleSection{padding:20px 0 115px}
.pricingPrinciple{position:relative;overflow:hidden;border:1px solid rgba(87,124,241,.17);border-radius:30px;padding:55px;background:linear-gradient(135deg,rgba(5,47,226,.095),rgba(255,255,255,.018))}
.pricingPrinciple:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;bottom:-340px;background:radial-gradient(circle,rgba(5,47,226,.22),transparent 68%);pointer-events:none}
.pricingPrinciple small{font-size:11px;font-weight:850;letter-spacing:.14em;color:#7999FF}
.pricingPrinciple h2{position:relative;z-index:1;font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.05em;max-width:970px;margin:13px 0 17px}
.pricingPrinciple p{position:relative;z-index:1;font-size:14px;line-height:1.7;color:#929CB3;max-width:720px;margin:0 0 25px}
.pricingPrinciple a{position:relative;z-index:1;font-size:12px;font-weight:800;color:#A9BCFF}
@media(max-width:1050px){.pricingRoiGrid{grid-template-columns:1fr;gap:40px}.pricingPagePanel{grid-template-columns:1fr}.pricingStartCard{min-height:auto}}
@media(max-width:720px){.pricingPageHero{min-height:auto;padding:125px 0 80px}.pricingPageHero h1{font-size:clamp(58px,17vw,80px)}.pricingPageHero p{font-size:15px}.pricingRoiSection{padding-top:70px}.pricingRoiGrid .miniRoi{padding:21px}.pricingPrinciple{padding:30px 24px;border-radius:24px}.pricingPrincipleSection{padding-bottom:70px}}


/* V4.43 launch polish */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(114,231,255,.9);outline-offset:4px;border-radius:8px}
.navlinks a{position:relative}.navlinks a[aria-current="page"]{color:#fff}.navlinks a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:999px;background:#315BFF;box-shadow:0 0 12px rgba(49,91,255,.55)}
.notFoundMain{min-height:78vh;display:grid;place-items:center;padding:150px 0 100px;position:relative;overflow:hidden}.notFoundMain:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(5,47,226,.18),transparent 68%);pointer-events:none}.notFoundInner{position:relative;text-align:center;max-width:900px}.notFoundCode{font-size:13px;font-weight:900;letter-spacing:.18em;color:#7899FF;margin-bottom:18px}.notFoundMain h1{font-size:clamp(58px,8vw,110px);line-height:.9;letter-spacing:-.07em;margin:18px auto 26px;max-width:980px}.notFoundMain p{font-size:17px;line-height:1.7;color:#929AAF;max-width:620px;margin:0 auto 30px}
@media(max-width:720px){.navlinks a[aria-current="page"]:after{display:none}.notFoundMain{padding:125px 0 80px}.notFoundMain h1{font-size:58px}}


/* V4.44 — Employee-Powered LinkedIn Playbook */
.navlinks{gap:22px}
.playbookHero{min-height:92vh;padding:150px 0 90px;display:flex;align-items:center;position:relative;overflow:hidden}
.playbookHeroGlow{position:absolute;left:50%;top:8%;width:1100px;height:750px;transform:translateX(-50%);background:radial-gradient(circle,rgba(5,47,226,.17),transparent 66%);filter:blur(18px);pointer-events:none}
.playbookHeroGrid{display:grid;grid-template-columns:1.05fr .72fr;gap:85px;align-items:center;position:relative;z-index:2}
.playbookHeroCopy h1{font-size:clamp(64px,7vw,108px);line-height:.88;letter-spacing:-.067em;margin:23px 0 28px;max-width:880px}.playbookHeroCopy h1 span{display:block;background:linear-gradient(90deg,#fff,#9CB4FF 55%,#718FFF);-webkit-background-clip:text;background-clip:text;color:transparent}.playbookHeroCopy>p{font-size:19px;line-height:1.7;color:#A2AABD;max-width:750px;margin:0 0 30px}.playbookHeroActions{display:flex;gap:10px;flex-wrap:wrap}.playbookOrigin{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:28px;font-size:12px;color:#6F7991}.playbookOrigin b{font-size:11px;letter-spacing:.1em;color:#8FA9FF;border:1px solid rgba(5,47,226,.2);background:rgba(5,47,226,.07);border-radius:999px;padding:6px 8px;text-transform:uppercase}
.playbookCover{min-height:610px;border:1px solid rgba(117,148,255,.20);border-radius:32px;padding:34px;background:radial-gradient(circle at 80% 16%,rgba(5,47,226,.23),transparent 30%),linear-gradient(155deg,#111C3D,#081128);box-shadow:0 45px 120px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.07);transform:rotate(2deg);display:flex;flex-direction:column;position:relative;overflow:hidden}.playbookCover:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(116,149,255,.10);border-radius:50%;right:-290px;bottom:-250px;box-shadow:0 0 0 38px rgba(90,127,255,.03),0 0 0 78px rgba(90,127,255,.02)}.pbCoverTop{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;color:#76829B}.pbCoverTop span{font-size:13px;font-weight:900;color:#fff}.pbCoverTop b{color:#89A4FF}.pbCoverMark{width:108px;height:108px;position:relative;margin:68px 0 36px}.pbCoverMark i{position:absolute;inset:0;border:1px solid rgba(116,151,255,.28);border-radius:50%}.pbCoverMark i:nth-child(2){inset:-22px}.pbCoverMark i:nth-child(3){inset:-44px;opacity:.55}.pbCoverMark strong{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:#052FE2;color:#fff;font-size:38px;letter-spacing:-.08em}.playbookCover>small{font-size:11px;letter-spacing:.16em;color:#7F97E7;font-weight:850}.playbookCover h2{font-size:63px;line-height:.88;letter-spacing:-.06em;margin:10px 0 20px}.playbookCover>p{font-size:12px;line-height:1.7;color:#818BA2;max-width:360px}.pbCoverFooter{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;position:relative;z-index:2}.pbCoverFooter span{font-size:9px;letter-spacing:.1em;padding:7px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#A8B3CB;background:rgba(255,255,255,.025)}
.playbookStats{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:rgba(255,255,255,.012)}.playbookStats>.wrap{display:flex;justify-content:center;align-items:center;gap:32px;padding:22px 0}.playbookStats div>div{display:flex;align-items:baseline;gap:8px}.playbookStats b{font-size:25px;letter-spacing:-.04em;color:#DCE4FA}.playbookStats span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#677187}.playbookStats i{width:1px;height:24px;background:var(--line2)}
.playbookIntro{padding-top:120px}.playbookIntroGrid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:start}.playbookIntro .sectionTitle em{font-style:normal;color:#8CA7FF}.playbookIntroCopy>p{font-size:15px;line-height:1.78;color:#929AAE;margin:0 0 18px}.playbookRule{margin-top:30px;padding:22px;border:1px solid rgba(5,47,226,.18);border-radius:18px;background:rgba(5,47,226,.06)}.playbookRule small{display:block;color:#7696FF;font-size:10px;letter-spacing:.14em;font-weight:850;margin-bottom:7px}.playbookRule strong{font-size:17px;line-height:1.4}
.playbookBody{padding:30px 0 120px}.playbookBodyGrid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;align-items:start}.playbookToc{position:sticky;top:100px;display:grid;gap:2px;padding:18px;border:1px solid var(--line2);border-radius:20px;background:rgba(9,17,39,.80);backdrop-filter:blur(18px)}.playbookToc>small{font-size:9px;letter-spacing:.14em;color:#68748D;font-weight:850;padding:7px 9px 11px}.playbookToc a{display:grid;grid-template-columns:24px 1fr;gap:6px;align-items:center;padding:8px 9px;border-radius:9px;font-size:11px;line-height:1.35;color:#7E889F;transition:.2s}.playbookToc a:hover{background:rgba(255,255,255,.035);color:#D4DCF0}.playbookToc a span{font-size:9px;color:#6386F7;font-weight:850}.playbookToc .tocKit{margin-top:7px;border-top:1px solid var(--line2);border-radius:0;padding-top:14px;color:#9BAEFE}.playbookChapters{min-width:0}.pbChapter{position:relative;padding:92px 0;border-bottom:1px solid var(--line2);scroll-margin-top:80px}.pbChapter:first-child{padding-top:25px}.pbChapterNo{position:absolute;right:0;top:82px;font-size:82px;line-height:1;font-weight:900;letter-spacing:-.07em;color:rgba(255,255,255,.025);user-select:none}.pbChapter:first-child .pbChapterNo{top:15px}.pbChapter h2,.pbRollout h2,.pbToolkit h2{font-size:clamp(42px,5vw,67px);line-height:.98;letter-spacing:-.055em;margin:12px 0 22px;max-width:850px}.pbLead{font-size:16px;line-height:1.78;color:#98A0B5;max-width:800px}.pbLead strong{color:#E5EAF7}.pbPrincipleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:38px}.pbPrincipleGrid>div{padding:22px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.018)}.pbPrincipleGrid span{display:block;font-size:10px;color:#708EF2;font-weight:850}.pbPrincipleGrid b{display:block;font-size:14px;margin:18px 0 8px}.pbPrincipleGrid p{font-size:12px;line-height:1.6;color:#788299;margin:0}.pbCallout{padding:24px 27px;margin-top:22px;border-left:2px solid #315BFF;border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(5,47,226,.09),transparent)}.pbCallout small{display:block;font-size:9px;letter-spacing:.14em;color:#6F8DF2;font-weight:850;margin-bottom:7px}.pbCallout strong{font-size:17px;line-height:1.55;max-width:800px;display:block}
.profileChecklist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:35px 0 21px}.profileChecklist>div{padding:20px;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.018)}.profileChecklist span{font-size:9px;letter-spacing:.13em;color:#7898FF;font-weight:850}.profileChecklist b{display:block;font-size:13px;margin:10px 0 6px}.profileChecklist p{font-size:12px;line-height:1.55;color:#788197;margin:0}.inlineDownload{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:760;color:#AFC0F7;padding:10px 12px;border:1px solid rgba(86,120,230,.18);border-radius:999px;background:rgba(5,47,226,.05);margin-top:4px}.inlineDownload:hover{border-color:rgba(86,120,230,.36);background:rgba(5,47,226,.09)}
.pbVideoSection{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:center;padding:36px;margin:70px 0 12px;border:1px solid rgba(96,129,235,.15);border-radius:25px;background:linear-gradient(145deg,rgba(5,47,226,.07),rgba(255,255,255,.016))}.pbVideoCopy h2{font-size:36px;line-height:1.03;letter-spacing:-.04em;margin:10px 0 13px}.pbVideoCopy p{font-size:12px;line-height:1.65;color:#7E899F}.pbVideoCopy a{font-size:12px;color:#9DB2F7}.pbVideo{aspect-ratio:16/9;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:#050A18}.pbVideo iframe{width:100%;height:100%;border:0}
.pbDoDont{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.pbDoDont>div{padding:24px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.018)}.pbDoDont>div:last-child{background:rgba(255,142,184,.025)}.pbDoDont small{font-size:10px;letter-spacing:.12em;color:#7E98E9;font-weight:850}.pbDoDont ul,.guardrailGrid ul,.rolloutGrid ul{padding-left:18px;margin:16px 0 0;color:#8D96AA}.pbDoDont li,.guardrailGrid li,.rolloutGrid li{font-size:12px;line-height:1.65;margin:7px 0}.pbRuleLine{margin-top:18px;padding:18px 20px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.018)}.pbRuleLine b{font-size:12px;color:#BBC5DC;line-height:1.55}
.contentMatrix{margin:35px 0 20px;border:1px solid var(--line2);border-radius:20px;overflow:hidden}.contentMatrix>div{display:grid;grid-template-columns:.34fr .66fr;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line2);align-items:center}.contentMatrix>div:last-child{border-bottom:0}.contentMatrix .matrixHead{background:rgba(5,47,226,.07)}.matrixHead span{font-size:9px;letter-spacing:.14em;color:#738CE5;font-weight:850}.contentMatrix b{font-size:12px}.contentMatrix p{font-size:12px;line-height:1.55;color:#7E889E;margin:0}
.humanExample{display:grid;grid-template-columns:.62fr 35px 1.38fr;gap:17px;align-items:center;margin:35px 0}.humanSource{min-height:310px;padding:26px;border:1px solid rgba(83,119,237,.22);border-radius:22px;background:linear-gradient(145deg,rgba(5,47,226,.10),rgba(255,255,255,.018));display:flex;flex-direction:column}.humanSource small{font-size:10px;color:#7898FF;letter-spacing:.12em;font-weight:850}.humanSource strong{font-size:25px;line-height:1.14;letter-spacing:-.035em;margin:42px 0 14px}.humanSource span{font-size:11px;color:#707A90;margin-top:auto}.humanArrow{text-align:center;color:#315BFF;font-size:18px}.humanVoices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.humanVoices article{padding:18px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.018)}.humanVoices small{font-size:9px;letter-spacing:.12em;color:#7695F6;font-weight:850}.humanVoices b{display:block;font-size:12px;line-height:1.35;margin:10px 0 7px}.humanVoices p{font-size:11px;line-height:1.5;color:#747E93;margin:0}
.postAnatomy{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;margin:35px 0}.postExample{padding:25px;border:1px solid rgba(78,112,226,.20);border-radius:20px;background:#0B1532}.postExample>small{font-size:9px;letter-spacing:.14em;color:#7898FF;font-weight:850}.postExample p{font-size:12px;line-height:1.6;color:#ADB5C8;margin:12px 0}.postExample .hook{font-size:18px;font-weight:800;color:#F3F6FF;line-height:1.25;margin-top:28px}.postExample em{color:#C8D4F9}.postExample .postEnd{color:#8FA8F9}.postRules{display:grid;gap:7px}.postRules>div{display:grid;grid-template-columns:30px 1fr;gap:0 12px;padding:13px 15px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.018)}.postRules span{grid-row:1/3;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(5,47,226,.10);color:#809CFA;font-size:9px;font-weight:850}.postRules b{font-size:12px}.postRules p{font-size:11px;color:#778198;margin:3px 0 0}.formatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.formatGrid>div{padding:17px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.018)}.formatGrid small{font-size:9px;color:#7695F6;font-weight:850;letter-spacing:.12em}.formatGrid b{display:block;font-size:12px;margin:8px 0 5px}.formatGrid p{font-size:11px;line-height:1.5;color:#737D91;margin:0}
.rhythmWeek{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:34px 0 18px}.rhythmDay{min-height:145px;padding:17px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.012);opacity:.7}.rhythmDay.active{border-color:rgba(77,111,225,.20);background:rgba(5,47,226,.055);opacity:1}.rhythmDay small{font-size:9px;color:#707B92;font-weight:850}.rhythmDay b{display:block;font-size:12px;margin:27px 0 7px}.rhythmDay span{font-size:10px;line-height:1.5;color:#7B849A}
.contentLives{display:grid;grid-template-columns:1.5fr 22px repeat(3,1fr);gap:8px;margin:35px 0;align-items:stretch}.contentLives>div{min-height:110px;padding:14px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;justify-content:center}.contentLives>i{display:grid;place-items:center;color:#315BFF;font-style:normal}.contentLives .lifeSource{grid-row:1/3;min-height:228px;border-color:rgba(87,120,231,.21);background:rgba(5,47,226,.07)}.lifeSource small{font-size:9px;color:#7A97F7;letter-spacing:.12em;font-weight:850}.lifeSource b{font-size:20px;line-height:1.2;margin-top:12px}.contentLives>div>span{font-size:24px;font-weight:850;color:#C3D0F7}.contentLives>div>b{font-size:12px;line-height:1.35;color:#AEB7CC}.contentLives .lifeReturn{grid-column:3/6;min-height:80px;display:grid;grid-template-columns:50px 1fr;align-items:center}.lifeReturn span{font-size:18px!important}.pbLoop{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:14px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.015)}.pbLoop span,.pbLoop strong{font-size:9px;letter-spacing:.10em;padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.07);color:#8692AC}.pbLoop strong{color:#B9C8F7;background:rgba(5,47,226,.08);border-color:rgba(5,47,226,.2)}.pbLoop i{font-style:normal;color:#315BFF}.pbProductBridge{font-size:12px!important;color:#7080A5!important;margin-top:17px!important;border-left:2px solid rgba(5,47,226,.5);padding-left:13px}
.guardrailGrid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:35px 0 20px}.guardrailGrid>div{padding:25px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.018)}.guardrailGrid .marketingSide{border-color:rgba(77,112,227,.17);background:rgba(5,47,226,.04)}.guardrailGrid small{font-size:10px;letter-spacing:.12em;color:#7897F6;font-weight:850}.pbQuote{font-size:22px;line-height:1.45;letter-spacing:-.025em;color:#D5DDEE;padding:28px;border:1px solid var(--line2);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.012))}.pbDownloadsRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.measureChain{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr 16px 1.2fr;gap:6px;align-items:center;margin:35px 0 17px}.measureChain>div{min-height:125px;padding:15px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.018)}.measureChain>div:last-child{border-color:rgba(77,111,227,.2);background:rgba(5,47,226,.055)}.measureChain>i{font-style:normal;color:#315BFF;text-align:center}.measureChain small{font-size:9px;color:#708EF2;font-weight:850}.measureChain b{display:block;font-size:12px;margin:17px 0 6px}.measureChain span{font-size:10px;line-height:1.45;color:#748096}.measureTwo{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:17px}.measureTwo>div{padding:18px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.014)}.measureTwo small{font-size:9px;letter-spacing:.12em;color:#748FDA;font-weight:850}.measureTwo p{font-size:12px;line-height:1.55;color:#7C879D;margin:8px 0 0}
.pbRollout{scroll-margin-top:80px;margin-top:95px;padding:50px;border:1px solid rgba(79,113,228,.18);border-radius:28px;background:radial-gradient(circle at 88% 12%,rgba(5,47,226,.15),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.pbRollout>p{font-size:15px;line-height:1.7;color:#8D97AD;max-width:680px}.rolloutGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:34px 0 28px}.rolloutGrid article{padding:22px;border:1px solid var(--line2);border-radius:17px;background:rgba(4,10,28,.36)}.rolloutGrid article>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(5,47,226,.10);color:#83A0FF;font-size:10px;font-weight:850}.rolloutGrid small{display:block;margin-top:23px;color:#7591E9;font-size:9px;letter-spacing:.12em;font-weight:850}.rolloutGrid h3{font-size:22px;margin:7px 0 0}.pbRollout>.btn{margin-right:7px}
.pbToolkit{margin:22px 0 0;padding:50px;border:1px solid var(--line2);border-radius:28px;background:rgba(255,255,255,.012)}.pbToolkitHead{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:end;margin-bottom:30px}.pbToolkitHead h2{margin-bottom:0}.pbToolkitHead>p{font-size:12px;line-height:1.65;color:#8290A7;margin:0}.toolkitGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.toolkitGrid a{display:grid;grid-template-columns:35px 1fr;gap:0 12px;padding:17px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.015);transition:.2s}.toolkitGrid a:hover{transform:translateY(-2px);border-color:rgba(84,119,231,.2);background:rgba(5,47,226,.035)}.toolkitGrid a>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(5,47,226,.10);color:#829EFF;font-size:10px;font-weight:850}.toolkitGrid b{font-size:12px}.toolkitGrid small{font-size:11px;line-height:1.45;color:#737E94;margin-top:3px}
.playbookFinal{padding:125px 0 110px;overflow:hidden}.playbookFinalGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;position:relative;z-index:2}.playbookFinal h2{font-size:clamp(50px,6vw,82px);line-height:.96;letter-spacing:-.06em;margin:12px 0 22px}.playbookFinal h2 span{color:#8FA9FF}.playbookFinal p{font-size:15px;line-height:1.7;color:#8E98AE;max-width:760px}.playbookFinalActions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1120px){.navlinks{gap:16px;font-size:12px}.playbookHeroGrid{grid-template-columns:1fr .68fr;gap:45px}.playbookBodyGrid{grid-template-columns:220px minmax(0,1fr);gap:38px}}
@media(max-width:980px){.playbookHeroGrid,.playbookIntroGrid,.playbookBodyGrid,.playbookFinalGrid{grid-template-columns:1fr}.playbookCover{max-width:620px;min-height:520px;transform:none}.playbookToc{position:relative;top:auto;grid-template-columns:1fr 1fr;margin-bottom:35px}.playbookToc>small,.playbookToc .tocKit{grid-column:1/-1}.pbVideoSection{grid-template-columns:1fr}.playbookFinalActions{justify-content:flex-start}}
@media(max-width:720px){.playbookHero{min-height:auto;padding:125px 0 70px}.playbookHeroCopy h1{font-size:58px}.playbookHeroCopy>p{font-size:15px}.playbookCover{min-height:470px;padding:26px}.playbookCover h2{font-size:51px}.pbCoverMark{margin:56px 0 29px;width:88px;height:88px}.playbookStats>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.playbookStats i{display:none}.playbookStats div>div{justify-content:center}.playbookIntro{padding-top:80px}.playbookIntroGrid{gap:22px}.playbookBody{padding-top:0}.playbookToc{grid-template-columns:1fr;padding:14px}.playbookToc>small,.playbookToc .tocKit{grid-column:auto}.pbChapter{padding:70px 0}.pbChapterNo{font-size:58px}.pbPrincipleGrid,.profileChecklist,.pbDoDont,.humanExample,.postAnatomy,.formatGrid,.guardrailGrid,.measureTwo,.rolloutGrid,.pbToolkitHead,.toolkitGrid{grid-template-columns:1fr}.pbVideoSection{padding:24px}.humanExample{gap:10px}.humanArrow{transform:rotate(90deg)}.humanVoices{grid-template-columns:1fr}.contentMatrix>div{grid-template-columns:1fr;gap:7px}.rhythmWeek{grid-template-columns:1fr 1fr}.rhythmDay:last-child{grid-column:1/-1}.contentLives{grid-template-columns:1fr 1fr}.contentLives .lifeSource{grid-column:1/-1;grid-row:auto;min-height:160px}.contentLives>i{display:none}.contentLives .lifeReturn{grid-column:1/-1}.measureChain{grid-template-columns:1fr}.measureChain>i{transform:rotate(90deg)}.pbRollout,.pbToolkit{padding:26px;border-radius:22px}.playbookFinal{padding:90px 0}.playbookFinal h2{font-size:53px}}
@media print{.nav,.noise,.playbookHeroActions,.playbookToc,.pbVideoSection,.playbookFinal,.footer,.inlineDownload,.pbRollout>.btn,.pbDownloadsRow{display:none!important}body{background:#fff!important;color:#111!important}.playbookHero,.playbookIntro,.playbookBody,.pbChapter,.pbRollout,.pbToolkit{padding:24px 0!important}.playbookHeroGrid,.playbookIntroGrid,.playbookBodyGrid{display:block!important}.playbookCover{display:none}.playbookStats{border-color:#ddd}.playbookStats span,.pbLead,.playbookIntroCopy>p,.pbChapter p,.pbChapter li{color:#333!important}.pbChapter,.pbRollout,.pbToolkit{break-inside:avoid-page;border-color:#ddd}.sectionLabel,.pbChapter small{color:#315BFF!important}.pbPrincipleGrid>div,.profileChecklist>div,.pbDoDont>div,.contentMatrix,.humanSource,.humanVoices article,.postExample,.postRules>div,.formatGrid>div,.rhythmDay,.guardrailGrid>div,.measureChain>div,.measureTwo>div,.rolloutGrid article,.toolkitGrid a{border-color:#ddd!important;background:#fff!important}.playbookHero h1,.pbChapter h2,.pbRollout h2,.pbToolkit h2{color:#111!important}.playbookHero h1 span{color:#315BFF!important;-webkit-text-fill-color:#315BFF!important}.pbChapterNo{display:none}}


/* V4.46 — site-wide readability pass */
/* Primary navigation and long-form secondary copy */
.navlinks{font-size:14px}
.navghost{font-size:13px}
.sectionLabel{font-size:12px}
.sectionLead{font-size:18px;line-height:1.72}
.footerLeft p,.footerLinks,.copyright{font-size:11px}
.footerLegal{font-size:10px;line-height:1.75}

/* Proof, pricing and conversion copy */
.metricCard .company{font-size:12px}
.metricCard p{font-size:12px;line-height:1.65}
.priceList div{font-size:13px}
.priceCard p{font-size:12px;line-height:1.6}
.priceMeta small{font-size:10px}
.miniRoiNote{font-size:10px!important;line-height:1.55}
.roiResultMeta span{font-size:10px;line-height:1.5}

/* Product/use-case copy should read like content, not interface chrome */
.b2bUseCaseGrid span,.employerUseCases p,.employerVaultReasons p,.paigerLesson p{font-size:12px;line-height:1.6}
.voiceStripPeople p{font-size:10px;line-height:1.5}
.proofBarItem>small{font-size:10px}
.proofBarItem>span{font-size:10px}

/* Case study */
.caseContext{font-size:12px;line-height:1.65}
.caseSource,.caseBottomStrip span{font-size:11px}
.caseQuoteBy span{font-size:10px}
.caseMetric small,.caseImpactHeader small,.caseImpactHeader span{font-size:10px}

/* About */
.aboutFooterNote{font-size:10px}
.aboutJourney small,.proofLineItem small,.aboutModel small{font-size:10px}
.aboutJourney span,.paigerLesson>span{font-size:11px}

/* Employer Brand */
.employerHeroProof{font-size:11px}
.employerSource small,.employerSource span,.employerSignal,.channelCompare small,.channelCompare span{font-size:10px}
.employerPerson small,.employerPerson p{font-size:10px;line-height:1.5}
.engineFeatureList span,.engineFeatureList small{font-size:11px}
.employerProofCard small,.employerProofCard span,.employerProofCard em{font-size:10px}

/* Playbook is long-form education: default supporting text must be comfortably readable. */
.playbookOrigin{font-size:12px}
.playbookOrigin b,.pbCoverTop,.playbookCover>small,.playbookStats span,.playbookRule small{font-size:11px}
.playbookToc>small{font-size:10px}
.playbookToc a{font-size:12px}
.playbookToc a span{font-size:10px}
.pbPrincipleGrid span,.pbDoDont small,.guardrailGrid small,.rolloutGrid small{font-size:10px}
.pbPrincipleGrid p,.profileChecklist p,.contentMatrix p,.humanVoices p,.postRules p,.formatGrid p,.measureTwo p{font-size:12px;line-height:1.6}
.profileChecklist span,.matrixHead span,.humanSource small,.humanVoices small,.postExample>small,.postRules span,.formatGrid small,.rhythmDay small,.lifeSource small,.pbLoop span,.pbLoop strong,.measureChain small,.measureTwo small,.rolloutGrid article>span,.toolkitGrid a>span{font-size:10px}
.postExample p,.pbVideoCopy p,.pbDoDont li,.guardrailGrid li,.rolloutGrid li{font-size:13px;line-height:1.65}
.inlineDownload,.pbVideoCopy a,.pbProductBridge{font-size:11px}
.toolkitGrid b{font-size:12px}.toolkitGrid small{font-size:10px}

/* Tiny product mockups stay visually secondary, but no longer drop into 5–7px text. */
.schedulerTop small,.vaultHeader small,.scheduleRow time,.scheduleRow div small,.scheduleRow>i,.schedulerFoot,.schedulerFoot b,.formatNote,.formatTier small,.formatTier span,.formatTier>b,.brandGuard span,.vaultHeader>span,.vaultTabs span,.vaultItem small,.vaultItem span,.vaultItem>b,.vaultCycle,.vaultAutomationStrip small,.vaultMultiplierCopy small,.vaultMultiplierFlow span,.vaultMultiplierFlow strong{font-size:9px}
.vaultMockLarge .vaultHeader small,.vaultMockLarge .vaultTabs span,.vaultMockLarge .vaultItem small,.vaultMockLarge .vaultItem span,.vaultMockLarge .vaultItem>b,.vaultMockLarge .vaultCycle{font-size:9px}
.vaultAutomationStrip b{font-size:10px}

@media(max-width:720px){
  .navghost{font-size:12px}
  .sectionLead{font-size:16px}
  .footerLegal{font-size:10px}
  .playbookToc a{font-size:12px}
}

/* V4.50 — About page: explain the people and companies before relying on them */
.aboutHeroV2{min-height:96vh;padding-bottom:78px}
.aboutHeroV2 .aboutHeroLead{max-width:860px}
.founderIntro{max-width:760px;margin:0 auto 28px;padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:auto auto 1fr;gap:10px 14px;align-items:center;text-align:left}
.founderIntro>span{font-size:10px;letter-spacing:.13em;font-weight:850;color:#7898FF;padding:7px 9px;border:1px solid rgba(5,47,226,.22);border-radius:999px;background:rgba(5,47,226,.08)}
.founderIntro>strong{font-size:16px;color:#F5F7FF}
.founderIntro>p{grid-column:1/-1;margin:0;font-size:13px;line-height:1.65;color:#8D98B2}
.aboutJourneyClear{max-width:980px}
.aboutJourneyClear>div{min-height:124px;padding:20px}
.aboutJourneyClear b{font-size:15px;line-height:1.25}
.aboutJourneyClear span{font-size:12px;line-height:1.6}
.aboutStorySection .originStoryCopy .sectionLead strong{color:#F0F4FF}
.aboutStorySection .originBody strong{color:#E7ECFA}
.paigerExplainer .sectionTitle em{font-style:normal;color:#91AAFF}
.paigerExplainer .sectionLead strong{color:#E7ECFA}
.paigerContext{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
.paigerContext>div{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.014));min-height:215px}
.paigerContext small{display:block;font-size:10px;letter-spacing:.12em;color:#7898FF;font-weight:850;margin-bottom:15px}
.paigerContext strong{display:block;font-size:20px;line-height:1.12;letter-spacing:-.035em;color:#F2F5FF;margin-bottom:10px}
.paigerContext p{font-size:12px;line-height:1.7;color:#8490A8;margin:0}
.paigerPanelV2{margin-top:14px}
.proofLineAbout .proofLineItem a{color:#DCE4F7;text-decoration:none}
.proofLineAbout .proofLineItem a:hover{color:#fff}
@media(max-width:1050px){.paigerContext{grid-template-columns:1fr 1fr}.paigerContext>div:last-child{grid-column:1/-1}}
@media(max-width:720px){.founderIntro{grid-template-columns:1fr;gap:8px}.founderIntro>p{grid-column:auto}.aboutJourneyClear>div{min-height:auto}.paigerContext{grid-template-columns:1fr}.paigerContext>div:last-child{grid-column:auto}.paigerContext>div{min-height:auto}.aboutHeroV2{min-height:auto}}

/* V4.52 — Ripply TV: make the Playbook video series a hero product moment */
.pbTvSection{padding:34px 0 120px;position:relative;overflow:hidden}
.pbTvSection:before{content:"";position:absolute;width:900px;height:620px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(5,47,226,.17),rgba(61,99,255,.055) 38%,transparent 70%);filter:blur(22px);pointer-events:none}
.pbTvHead{position:relative;z-index:2;display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:end;margin-bottom:42px}
.pbTvHead h2{font-size:clamp(48px,5.6vw,82px);line-height:.94;letter-spacing:-.058em;margin:0;font-weight:700;max-width:820px}
.pbTvHead h2 span{color:#91A9FF}
.pbTvHead>p{font-size:17px;line-height:1.72;color:#949DB2;margin:0;max-width:620px;justify-self:end}
.pbTvSet{position:relative;z-index:2;padding:18px 18px 16px;border:1px solid rgba(126,154,255,.22);border-radius:38px;background:linear-gradient(160deg,#121B36 0%,#080E20 36%,#050A17 100%);box-shadow:0 48px 130px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.025)}
.pbTvSet:before{content:"";position:absolute;inset:-1px;border-radius:38px;padding:1px;background:linear-gradient(135deg,rgba(145,169,255,.34),transparent 26%,transparent 70%,rgba(5,47,226,.26));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pbTvTopbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 12px;gap:20px}
.pbTvBrand,.pbTvStatus{display:flex;align-items:center;gap:10px}.pbTvBrand strong{font-size:12px;letter-spacing:.12em}.pbTvBrand small{font-size:9px;letter-spacing:.12em;color:#66728E;font-weight:800}.pbTvPower{width:8px;height:8px;border-radius:50%;background:#63E2AE;box-shadow:0 0 0 5px rgba(99,226,174,.05),0 0 16px rgba(99,226,174,.65)}
.pbTvStatus span{font-size:9px;letter-spacing:.1em;color:#6E7890}.pbTvStatus i{width:1px;height:15px;background:rgba(255,255,255,.08)}.pbTvStatus b{font-size:9px;letter-spacing:.11em;color:#FF94B9}
.pbTvBezel{padding:14px;border-radius:28px;background:linear-gradient(145deg,#02050C,#0A1020);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 0 0 2px rgba(0,0,0,.42),inset 0 0 80px rgba(0,0,0,.6)}
.pbTvScreen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#02040A;box-shadow:0 0 0 1px rgba(84,119,255,.16),0 0 90px rgba(5,47,226,.13)}
.pbTvScreen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#02040A}
.pbTvGlass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 20%,transparent 73%,rgba(77,111,255,.025));mix-blend-mode:screen}
.pbTvGlass:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.009) 0,rgba(255,255,255,.009) 1px,transparent 1px,transparent 4px);opacity:.35}
.pbTvConsole{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;align-items:center;padding:17px 10px 4px}
.pbTvNow small{display:block;font-size:9px;letter-spacing:.13em;color:#6E81B2;font-weight:850}.pbTvNow strong{display:block;font-size:15px;color:#E9EDF9;margin:4px 0}.pbTvNow span{display:block;font-size:11px;color:#747F98}
.pbTvButtons{display:flex;gap:8px}.pbTvButtons i{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#222B43,#080D1A);box-shadow:inset 0 1px 1px rgba(255,255,255,.09)}.pbTvButtons i:first-child{background:linear-gradient(145deg,#1747EE,#052FE2);border-color:#4168FF;box-shadow:0 0 12px rgba(5,47,226,.38)}
.pbTvExternal{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.025);font-size:11px;color:#B0B9CF;white-space:nowrap;transition:.2s}.pbTvExternal:hover{color:#fff;border-color:rgba(112,148,255,.26);transform:translateY(-1px)}
.pbTvGuide{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:10px;margin-top:13px}
.pbTvGuideLabel,.pbTvGuide article{min-height:132px;padding:18px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.pbTvGuideLabel{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(5,47,226,.12),rgba(255,255,255,.016));border-color:rgba(87,123,245,.17)}.pbTvGuideLabel small{font-size:9px;letter-spacing:.13em;color:#7797FF;font-weight:850}.pbTvGuideLabel strong{font-size:24px;line-height:1.05;letter-spacing:-.035em;margin-top:8px;max-width:260px}
.pbTvGuide article{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;transition:.22s}.pbTvGuide article:hover{transform:translateY(-3px);border-color:rgba(101,136,255,.2);background:rgba(5,47,226,.035)}.pbTvGuide article>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(5,47,226,.10);border:1px solid rgba(82,119,255,.16);font-size:9px;color:#91A9FF;font-weight:900}.pbTvGuide b{display:block;font-size:12px;color:#D5DDEC;margin:2px 0 6px}.pbTvGuide p{font-size:10px;line-height:1.55;color:#78849B;margin:0}
.playbookToc .tocTv{color:#C4D1FF;background:rgba(5,47,226,.08);border-color:rgba(80,116,255,.15)}.playbookToc .tocTv span{color:#fff;background:#052FE2;border-color:#315BFF}
@media(max-width:980px){.pbTvHead{grid-template-columns:1fr;gap:18px}.pbTvHead>p{justify-self:start}.pbTvGuide{grid-template-columns:1fr 1fr}.pbTvGuideLabel{grid-column:1/-1;grid-row:auto;min-height:145px}.pbTvConsole{grid-template-columns:1fr auto}.pbTvExternal{grid-column:1/-1;justify-self:start}}
@media(max-width:640px){.pbTvSection{padding:22px 0 82px}.pbTvHead h2{font-size:47px}.pbTvHead>p{font-size:15px}.pbTvSet{padding:10px;border-radius:25px}.pbTvSet:before{border-radius:25px}.pbTvTopbar{height:48px}.pbTvBrand small,.pbTvStatus span{display:none}.pbTvBezel{padding:7px;border-radius:18px}.pbTvScreen{border-radius:12px}.pbTvConsole{grid-template-columns:1fr;padding:14px 3px 3px;gap:12px}.pbTvButtons{display:none}.pbTvGuide{grid-template-columns:1fr}.pbTvGuideLabel{grid-column:auto}.pbTvGuideLabel,.pbTvGuide article{min-height:auto}.playbookHeroActions{gap:8px}.playbookHeroActions .btn{width:100%}}