/* ONEBOX 4.2 visitor integration: originally approved 3.2 components.
   Experimental PR preview only. Source: the archived, approved standalone. */
:root{--navy:#052750;--blue:#006ae4;--green:#1ec061;--v3:#052750;--v3-blue:#066af0;--v3-green:#0ba776;--v3-line:#dde9f3;--v3-muted:#607890}
body.obx-v32-public{background:#fff;color:#112840}
body.obx-v32-public .v32-container{width:min(1200px,calc(100% - 48px));margin:auto}
body.obx-v32-public .v3-hero h1,body.obx-v32-public .v3-role-hero h1,body.obx-v32-public .v3-paths h2{font-family:Manrope,"DM Sans",system-ui,sans-serif;letter-spacing:-.06em}
body.obx-v32-public .v3-hero .overline,body.obx-v32-public .v3-role-hero .overline,body.obx-v32-public .v3-paths .overline{font-size:11px;color:#087e65;letter-spacing:.15em;text-transform:uppercase;font-weight:850}
body.obx-v32-public .v3-hero .btn,body.obx-v32-public .v3-role-hero .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:12px;font-weight:850;min-height:47px;padding:13px 18px}
body.obx-v32-public .v3-hero .btn.blue,body.obx-v32-public .v3-role-hero .btn.blue{background:var(--v3-blue);color:#fff;border-color:var(--v3-blue)}
body.obx-v32-public .v3-hero .btn.white,body.obx-v32-public .v3-role-hero .btn.white{background:#fff;color:#052750;border:1px solid #cadce8}
body.obx-v32-public .v3-hero .btn:focus-visible,body.obx-v32-public .v3-role-hero .btn:focus-visible{outline:3px solid #87c0ff;outline-offset:3px}
body.obx-v32-public .nav{max-width:1200px;margin:auto}
body.obx-v32-public .v3-hero .v3-herogrid{min-height:440px}
body.obx-v32-public .v3-hero .v3-hero-photo,body.obx-v32-public .v3-role-hero .v3-role-photo img{display:block;object-fit:cover}
body.obx-v32-public .v3-path{color:#052750;text-decoration:none}
body.obx-v32-public .v3-path .v3-path-body{display:flex;flex-direction:column}
body.obx-v32-public .v3-path .v3-path-link{margin-top:auto}
body.obx-v32-public .v32-intent{margin-top:18px;max-width:545px;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #d5e2ed;border-radius:16px;padding:10px;box-shadow:0 12px 36px rgba(6,37,72,.08)}
body.obx-v32-public .v32-intent textarea{min-height:80px;resize:vertical;border:0!important;background:#fff!important;outline-offset:3px!important;padding:10px 12px;font-size:15px}
body.obx-v32-public .v32-intent button{width:100%;min-height:47px}
body.obx-v32-public .v32-intent .obx-capture-note{color:#677f91;font-size:11px;padding:3px 8px}
body.obx-v32-public .v3-hero .v3-maincopy>p{margin-bottom:6px}
body.obx-v32-public .v3-maincopy .obx-exp{max-width:545px}
body.obx-v32-public .v3-hero .v31-home-note{box-sizing:border-box}
body.obx-v32-public .v32-preview-marker{display:none}
body.obx-v32-public .v3-role-hero .v3-role-photo{min-height:355px}
body.obx-v32-public .v3-role-hero .v3-benefits{display:flex;flex-wrap:wrap;gap:10px}
body.obx-v32-public .v3-role-hero .v3-benefits span{font-size:12px}
body.obx-v32-public .v3-role-hero .v3-role-cta-note{font-size:11px;color:#61788b}
body.obx-v32-public .obx-customer-network .section{scroll-margin-top:104px}
body.obx-v32-public #request{scroll-margin-top:105px}
body.obx-v32-public .obx-demo{display:none!important}
body.obx-v32-public .obx-momentum{display:none!important}
body.obx-v32-public .obx-curiosity{display:none!important}
body.obx-v32-public .profile-demo{display:none!important}
body.obx-v32-public .v3-hero-cta{margin-top:13px}
body.obx-v32-public .v3-hero-cta .btn.white{background:transparent}
body.obx-v32-public .v3-role-hero .v3-stage{max-width:490px}
body.obx-v32-public .v3-simple{border-top:1px solid #e5eef4}
body.obx-v32-public .v32-preview-status{display:none;padding:12px 16px;border:1px solid #deb968;border-radius:10px;background:#fff4d9;color:#704a03;font-size:12px;font-weight:750}
body.obx-v32-preview .v32-preview-status{display:block}
body.obx-v32-preview .account-area{display:none!important}
@media(max-width:900px){body.obx-v32-public .v3-hero .v3-herogrid,body.obx-v32-public .v3-role-hero .v3-role-grid{grid-template-columns:1fr}body.obx-v32-public .v3-hero .v3-visual{min-height:360px}body.obx-v32-public .v3-role-hero .v3-role-photo{min-height:270px}}
@media(max-width:620px){body.obx-v32-public .v32-container{width:calc(100% - 36px)}body.obx-v32-public .v3-hero{padding:35px 0}body.obx-v32-public .v3-hero .v3-maincopy h1{font-size:clamp(40px,11.1vw,58px)}body.obx-v32-public .v3-hero .v3-visual{min-height:310px}body.obx-v32-public .v3-paths .v3-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.obx-v32-public .v3-paths .v3-path{min-height:230px}}

/* Approved 3.2 source classes and responsive rules (unmodified excerpt) */
.v3-hero{padding:45px 0 28px;background:linear-gradient(116deg,#f7fbff 0%,#eaf5ff 60%,#eaf9f5 100%);overflow:hidden}
.v3-herogrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;min-height:455px}
.v3-maincopy h1{font-size:clamp(43px,5.4vw,75px);letter-spacing:-.066em;line-height:1.035;color:var(--v3);margin:17px 0 20px;max-width:630px}.v3-maincopy h1 span{color:var(--v3-green)}.v3-maincopy>p{font-size:17px;line-height:1.65;color:var(--v3-muted);max-width:535px;margin:0 0 24px}
.v3-hero-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0 20px}.v3-hero-cta .btn{border-radius:12px;font-size:13px;min-height:48px}.v3-hero-cta .blue{box-shadow:0 12px 24px #0565da22}
.v3-trust{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:11px;color:#246c64;font-weight:800}.v3-stage{font-size:11px!important;line-height:1.5!important;color:#778da3!important;max-width:550px;margin:16px 0 0!important}
.v3-visual{position:relative;min-height:405px;border-radius:26px;background:linear-gradient(130deg,#d0e8f7,#e8faef);box-shadow:0 30px 60px #092b4d15;overflow:visible;border:1px solid #daeaf0}.v3-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:26px;filter:saturate(.92);object-position:51% 40%}.v3-visual:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#e6f3fdce,transparent 72%);border-radius:26px}
.v3-floating-form{position:absolute;left:-28px;top:54px;width:min(295px,80%);z-index:2;padding:23px;background:#fffffff2;backdrop-filter:blur(16px);box-shadow:0 25px 70px #072d4f2a;border:1px solid #edf3f9;border-radius:19px}.v3-floating-form h3{font-size:24px;margin:9px 0 7px;color:#052750}.v3-floating-form p{font-size:12px;line-height:1.5}.v3-floating-form .overline{font-size:10px}.v3-floating-form small{display:block;font-size:9px;color:#718ba2;text-align:center;margin-top:9px}.v3-entry-field{display:flex;justify-content:space-between;gap:10px;width:100%;background:#f7fafc;border:1px solid #dce8f0;text-align:left;border-radius:11px;padding:14px 11px;margin:19px 0 10px;font-size:12px;font-weight:700;color:#71869c}.v3-entry-field span{color:#006ae4}.v3-floating-form .btn{font-size:12px}.v3-float-pill{position:absolute;z-index:3;right:-8px;bottom:17px;color:#0a6c50;padding:10px 14px;border-radius:12px;background:#fffffff2;border:1px solid #bfe8d6;box-shadow:0 8px 30px #134c3928;font-size:11px;font-weight:850}
.v3-paths{padding:40px 0 46px;background:#fff}.v3-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:19px}.v3-section-head h2{font-size:clamp(26px,3vw,36px);margin:5px 0 0}.v3-section-head>.mini{max-width:290px;font-size:12px}
.v3-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.v3-path{position:relative;border-radius:20px;overflow:hidden;min-height:260px;border:1px solid #e2eaf2;box-shadow:0 10px 35px #092a4a10;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;background:#f4f9fd}.v3-path:hover{transform:translateY(-4px);box-shadow:0 22px 45px #092a4a22}.v3-path-pic{display:block;position:absolute;inset:0;overflow:hidden}.v3-path-pic img{width:100%;height:100%;object-fit:cover;filter:saturate(.87)}.v3-path-pic:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f7fcff 0%,#eef9ffec 42%,#eefaff46 67%,#071f3c44 100%)}.v3-path-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:17px 17px 16px;min-height:260px}.v3-path-icon{width:36px;height:36px;border-radius:11px;background:#e8f2ff;color:#006ae4;display:grid;place-items:center;font-size:22px;margin-bottom:9px}.v3-path b{color:#06294b;font-size:17px;line-height:1.1}.v3-path small{font-size:11px;color:#385671;line-height:1.44;max-width:210px;margin-top:6px}.v3-path-link{margin-top:auto;background:#fff;border-radius:999px;color:#065cba;font-size:11px;font-weight:850;padding:8px 11px;box-shadow:0 4px 14px #0d3a4820}.v3-path.role-professional .v3-path-icon{background:#e4faed;color:#079b6b}.v3-path.role-business .v3-path-icon{background:#fff2da;color:#a47638}.v3-path.role-training .v3-path-icon{background:#f0ebff;color:#7c5fba}
.v3-simple{padding:30px 0;background:#f4f9fd;border-top:1px solid #e2ecf3}.v3-simple-grid{display:grid;grid-template-columns:1fr 1.9fr;gap:20px;align-items:center}.v3-simple h2{font-size:25px;letter-spacing:-.04em;margin:5px 0}.v3-steps{display:flex;justify-content:space-between;align-items:center;gap:10px}.v3-steps span{font-size:12px;font-weight:800;color:#375871}.v3-steps b{color:#0a9c69;margin-right:8px}.v3-steps .v3-arrow{color:#13aa7d;font-size:17px}
.v3-role-hero{padding:44px 0 46px;min-height:435px;display:flex;align-items:center;background:linear-gradient(112deg,#f5fbff,#e8f5ff)}.v3-role-hero.role-professional{background:linear-gradient(112deg,#f6fbff,#e5f9ef)}.v3-role-hero.role-business{background:linear-gradient(112deg,#f6faff,#eaf2fa)}.v3-role-hero.role-training{background:linear-gradient(112deg,#f8fcff,#eef9f0)}
.v3-role-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:45px;align-items:center}.v3-crumb{display:inline-block;font-size:12px;font-weight:750;color:#55788e;margin-bottom:22px}.v3-role-copy h1{font-size:clamp(39px,4.7vw,61px);line-height:1.06;letter-spacing:-.06em;color:#052750;margin:14px 0 17px}.v3-role-copy h1 em{font-style:normal;color:#0aa978}.v3-role-copy>p{font-size:16px;color:#55738b;max-width:505px}.v3-benefits{display:flex;flex-direction:column;gap:6px;color:#237f66;font-size:12px;font-weight:700;margin-top:18px}
.v3-role-photo{position:relative;height:380px;overflow:hidden;border-radius:23px;box-shadow:0 25px 50px #153f5b25;background:#dcebf1}.v3-role-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.89)}.v3-role-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#041f3f88)}.v3-role-overlay{position:absolute;bottom:20px;left:20px;right:20px;z-index:1;display:flex;flex-direction:column;gap:4px;background:#fffffff2;backdrop-filter:blur(10px);padding:16px 18px;border-radius:14px;box-shadow:0 12px 25px #062b431c}.v3-role-overlay span{font-size:10px;letter-spacing:.1em;font-weight:900;color:#0aa778}.v3-role-overlay b{color:#082b4d;font-size:18px}.v3-role-overlay small{font-size:11px;color:#66839b}
.v3-role-details{background:#fff;padding:32px 0}.v3-role-detailgrid{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;align-items:center}.v3-role-details h2{font-size:30px;letter-spacing:-.05em;color:#052750}.v3-role-details p{font-size:13px}.v3-mini-product{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.v3-mini-product .mock-window{max-height:220px;overflow:hidden;min-width:0}.v3-mini-product .mock-body{padding:12px}.v3-mini-product .mock-head{padding:9px}.v3-mini-product .mock-row{padding:6px}.v3-mini-product .btn{align-self:center;white-space:nowrap}.v3-mini-product .note-card,.v3-mini-product .mock-body>.mt16{display:none}
.v3-about{padding:70px 0;background:linear-gradient(120deg,#f6fbff,#eaf9f2);min-height:470px}.v3-about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.v3-about h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.055em;color:#052750}.v3-about p{font-size:17px;line-height:1.6}.v3-about-card{padding:35px;background:#fff;border:1px solid #deedf2;border-radius:22px;box-shadow:0 25px 50px #0c315516}.v3-about-card h3{color:#052750;font-size:26px}.v3-about-flow{display:flex;align-items:center;justify-content:space-between;padding:17px 12px;border-radius:12px;background:#eaf9f2;color:#146f55;font-size:15px;font-weight:800}.v3-about-card p.small{font-size:12px}
.app-entry{min-height:calc(100vh - 56px);background:linear-gradient(117deg,#f8fcff,#eff7ff 50%,#e9f9f2)}.entry-top{background:#ffffffda;border-bottom:1px solid #e6eef4}.entry-top>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.entry-top a:last-child{font-size:12px;color:#356c97;font-weight:800}.entry-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center;padding-top:65px;padding-bottom:70px;max-width:1120px}.entry-story h1{font-size:clamp(42px,5.4vw,72px);line-height:1.03;letter-spacing:-.06em;color:#052750;margin:16px 0 22px}.entry-story>p{font-size:17px;max-width:560px}.entry-points{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;font-weight:700;color:#267762;margin:23px 0}.entry-media{height:200px;border-radius:18px;overflow:hidden;max-width:530px;background:#d9eaf7}.entry-media img{width:100%;height:100%;object-fit:cover;object-position:center 36%}.entry-card{background:#fff;border:1px solid #dce8f2;box-shadow:0 25px 60px #08284b14;padding:34px;border-radius:22px}.entry-card h2{font-size:30px;color:#052750;margin:9px 0}.entry-card p{font-size:13px}.entry-card .btn{min-height:47px;border-radius:11px}.entry-divider{position:relative;margin:24px 0 18px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.12em;color:#8297aa}.entry-divider:before,.entry-divider:after{content:"";position:absolute;height:1px;width:31%;background:#e2eaf1;top:50%}.entry-divider:before{left:0}.entry-divider:after{right:0}.entry-summary{font-size:12px;line-height:1.5;color:#617a93;padding:13px 14px;background:#f5f9fc;border-radius:12px;margin-bottom:14px}.entry-disclaimer{color:#8399a9!important;font-size:11px!important;text-align:center;margin:20px 0 0!important}
body:has(.reviewbar) .app-shell{min-height:calc(100vh - 56px)}
@media(max-width:1000px){.reviewbar-inner{display:block;text-align:center}.review-name{justify-content:center;margin-bottom:6px}.review-controls{justify-content:center}.v3-herogrid{gap:30px}.v3-floating-form{left:-5px}.v3-role-grid{gap:25px}.v3-mini-product{grid-template-columns:1fr}.v3-mini-product .btn{width:100%}}
@media(max-width:800px){.reviewbar-inner{padding:9px 8px}.review-label{font-size:9px;margin:0 3px}.review-sep{margin:0 2px}.review-choice{font-size:10px;padding:6px 7px}#review-role{font-size:10px;max-width:103px;padding:6px 4px}.review-controls{gap:1px}.review-name{font-size:10px;margin-bottom:5px}.review-name b{font-size:9px}.site-header .header-member{display:none}.v3-hero{padding:34px 0 18px}.v3-herogrid{grid-template-columns:1fr;min-height:0;gap:22px}.v3-maincopy h1{font-size:clamp(41px,10.5vw,60px);margin:12px 0 14px}.v3-maincopy>p{font-size:15px;line-height:1.53;margin-bottom:17px}.v3-hero-cta{gap:8px;margin:16px 0}.v3-hero-cta .btn{font-size:12px;padding:12px 13px;min-height:44px}.v3-trust{gap:5px 12px;font-size:10px}.v3-stage{font-size:10px!important;margin:9px 0 0!important}.v3-visual{height:310px;min-height:310px;margin:4px 0 12px}.v3-floating-form{top:30px;left:12px;width:69%;padding:13px}.v3-floating-form h3{font-size:20px}.v3-floating-form p{font-size:11px}.v3-floating-form .overline{font-size:9px}.v3-entry-field{margin:9px 0;padding:10px}.v3-floating-form small{font-size:8px}.v3-float-pill{right:4px;bottom:-10px;font-size:9px;padding:8px}.v3-paths{padding:30px 0}.v3-section-head{display:block}.v3-section-head h2{font-size:27px}.v3-section-head>.mini{display:block;margin-top:8px}.v3-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v3-path,.v3-path-body{min-height:210px}.v3-path-body{padding:13px}.v3-path b{font-size:14px}.v3-path small{font-size:10px}.v3-path-icon{height:29px;width:29px;font-size:17px;margin-bottom:6px}.v3-path-link{font-size:10px;padding:6px 7px}.v3-simple-grid{grid-template-columns:1fr;gap:6px}.v3-simple h2{font-size:23px}.v3-steps{flex-wrap:wrap;gap:6px}.v3-steps span{font-size:10px}.v3-steps .v3-arrow{font-size:12px}.v3-role-hero{padding:27px 0}.v3-role-grid{grid-template-columns:1fr;gap:23px}.v3-crumb{margin-bottom:18px}.v3-role-copy h1{font-size:clamp(38px,10vw,54px)}.v3-role-copy>p{font-size:14px}.v3-role-photo{height:285px}.v3-role-details{padding:25px 0}.v3-role-detailgrid{grid-template-columns:1fr}.v3-role-details h2{font-size:27px}.v3-mini-product .mock-window{max-height:220px}.v3-about{padding:40px 0}.v3-about-grid{grid-template-columns:1fr;gap:25px}.v3-about h1{font-size:43px}.v3-about p{font-size:15px}.v3-about-card{padding:23px}.entry-top>.container{min-height:60px}.entry-layout{grid-template-columns:1fr;gap:20px;padding-top:35px;padding-bottom:40px}.entry-story h1{font-size:42px;margin:13px 0}.entry-story>p{font-size:14px}.entry-points{gap:8px}.entry-media{height:115px}.entry-card{padding:24px}.entry-card h2{font-size:26px}}
@media(max-width:390px){.review-label{display:none}.v3-path small{font-size:9px}.v3-path-grid{gap:7px}.v3-hero-cta .btn{padding:11px 8px}.v3-steps{display:grid;grid-template-columns:1fr}.v3-steps .v3-arrow{display:none}}
/* ONEBOX 3.1 · less marketing chrome, clearer registration, detailed About */
.v31-home .v3-herogrid{min-height:410px}
.v31-home-note{position:absolute;z-index:2;bottom:20px;right:20px;left:20px;max-width:340px;padding:17px 20px;border-radius:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 15px 40px #12334a24;display:grid;gap:5px}
.v31-home-note span,.v31-about-quote span{font-size:10px;letter-spacing:.13em;font-weight:850;color:#078466}
.v31-home-note strong,.v31-about-quote strong{font-size:20px;color:#052750;line-height:1.15;letter-spacing:-.035em}
.v31-home-note small,.v31-about-quote small{font-size:12px;color:#617487}
.v31-paths{padding:31px 0 24px!important}.v31-paths .v3-path,.v31-paths .v3-path-body{min-height:215px}.v31-simple{padding:22px 0 28px!important}
.v31-role{min-height:530px}.v31-role .v3-role-grid{align-items:center}.v31-role .v3-role-hero{min-height:0}.v31-role .v3-role-photo{height:375px}
.v31-role .v3-role-copy>p{max-width:500px}.v31-role .v3-hero-cta{margin-top:22px}.v31-role .v3-benefits{margin-top:24px;gap:10px}
.v31-about-hero{background:radial-gradient(circle at 72% 8%,#d9eefb,#f7fbff 47%,#fff 80%);padding:64px 0 68px}
.v31-about-top{display:grid;grid-template-columns:1fr .87fr;gap:70px;align-items:center}
.v31-about-top h1{font-size:clamp(42px,4.9vw,70px);color:#052750;line-height:1.06;letter-spacing:-.062em;margin:15px 0 23px}
.v31-about-top h1 em{font-style:normal;color:#08a777}.v31-about-lead{font-size:17px;color:#566f85;line-height:1.66;max-width:610px}
.v31-about-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.v31-about-picture{height:410px;position:relative;overflow:hidden;border-radius:25px;box-shadow:0 26px 55px #0b3e6027;background:#dae8ef}
.v31-about-picture>img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.v31-about-quote{position:absolute;bottom:20px;left:20px;right:20px;background:#fffffff2;padding:17px 20px;border-radius:16px;display:grid;gap:6px;box-shadow:0 12px 28px #052e4b18}
.v31-about-section{padding:65px 0;background:#fff}.v31-about-section:nth-child(even){background:#f7faff}
.v31-about-intro{max-width:780px;margin-bottom:31px}
.v31-about-intro h2,.v31-stage h2,.v31-cta-wrap h2{font-size:clamp(30px,3.4vw,43px);color:#052750;line-height:1.15;letter-spacing:-.045em;margin:11px 0 14px}
.v31-about-intro p,.v31-stage p,.v31-cta-wrap p{font-size:15px;color:#5b7186;line-height:1.7}
.v31-audience-grid,.v31-benefits-grid,.v31-process-grid{display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}
.v31-audience-card{padding:24px 21px;border:1px solid #e0eaf2;border-radius:18px;background:#fff;box-shadow:0 10px 28px #0a30480a;display:flex;flex-direction:column;min-height:240px;transition:transform .15s}
.v31-audience-card:hover{transform:translateY(-2px)}.v31-audience-icon{font-size:26px;display:grid;place-items:center;width:50px;height:50px;background:#e9f3ff;color:#0778db;border-radius:16px;margin-bottom:16px}
.v31-audience-card:nth-child(2) .v31-audience-icon{background:#e8faef;color:#0b9564}.v31-audience-card:nth-child(3) .v31-audience-icon{background:#fff4df;color:#a76c28}.v31-audience-card:nth-child(4) .v31-audience-icon{background:#f0edff;color:#7655a6}
.v31-audience-card strong{font-size:18px;color:#082b4f;letter-spacing:-.03em}.v31-audience-card p{font-size:13px;line-height:1.54;color:#5b7287;margin:8px 0 18px}.v31-audience-card small{font-weight:800;color:#006ae4;font-size:12px;margin-top:auto}
.v31-diff{background:linear-gradient(160deg,#f1f8ff,#f9fcff 70%)!important}
.v31-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.v31-benefit{display:flex;gap:16px;background:#fff;border:1px solid #dce8f2;border-radius:18px;padding:25px;box-shadow:0 8px 25px #0627470b}
.v31-benefit-number{font-size:15px;color:#05a879;font-weight:900;background:#e8f9ef;border-radius:12px;min-width:42px;width:42px;height:42px;display:grid;place-items:center}
.v31-benefit h3{font-size:19px;color:#072e52;margin:0 0 9px;letter-spacing:-.025em}.v31-benefit p{margin:0;font-size:13px;color:#60768a;line-height:1.68}
.v31-process-grid{gap:10px}.v31-process-grid article{background:#f8fbfe;border:1px solid #e1eaf2;border-radius:18px;padding:22px 18px}
.v31-process-grid article>span{font-weight:950;font-size:15px;color:#0078d9;background:#e6f3ff;border-radius:12px;display:grid;place-items:center;width:43px;height:43px}
.v31-process-grid h3{font-size:18px;color:#052750;margin:18px 0 10px}.v31-process-grid p{font-size:12.5px;line-height:1.62;color:#566d83;margin:0}
.v31-stage{background:#eaf5f9!important}.v31-stage-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:58px;align-items:center}.v31-stage-card{background:#fff;padding:29px;border:1px solid #d3e6ed;border-radius:19px;box-shadow:0 15px 35px #092e4712}.v31-stage-card strong{color:#08304e;font-size:19px}.v31-stage-card ul{padding-left:21px;color:#45647a;font-size:14px;line-height:2;margin:14px 0 0}
.v31-about-cta{padding:32px 0;background:#fff}.v31-cta-wrap{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:33px;border-radius:20px;background:linear-gradient(110deg,#ecf7ff,#e8f9f0);border:1px solid #dbece9}.v31-cta-wrap h2{margin-bottom:5px}.v31-cta-wrap p{margin:0}.v31-cta-wrap>.btn{flex-shrink:0}
@media(max-width:850px){.v31-about-top{grid-template-columns:1fr;gap:28px}.v31-about-picture{height:280px}.v31-about-hero{padding:42px 0}.v31-audience-grid,.v31-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v31-stage-grid{grid-template-columns:1fr;gap:20px}.v31-cta-wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.v31-home-note{left:12px;right:12px;bottom:12px;padding:12px 14px}.v31-home-note strong{font-size:16px}.v31-home-note small{font-size:10px}.v31-home .v3-visual{height:255px;min-height:255px}.v31-about-hero{padding:34px 0}.v31-about-top h1{font-size:clamp(37px,10vw,48px)}.v31-about-lead{font-size:14px}.v31-about-buttons .btn{font-size:12px}.v31-about-picture{height:235px}.v31-about-quote{left:12px;right:12px;bottom:12px;padding:12px}.v31-about-quote strong{font-size:17px}.v31-about-section{padding:38px 0}.v31-audience-grid{gap:10px}.v31-audience-card{padding:16px;min-height:230px}.v31-audience-card strong{font-size:15px}.v31-audience-card p{font-size:12px}.v31-audience-card small{font-size:11px}.v31-benefits-grid,.v31-process-grid{grid-template-columns:1fr}.v31-benefit{padding:18px}.v31-process-grid article{padding:18px}.v31-stage-card{padding:20px}.v31-cta-wrap{padding:22px}.v31-role .v3-role-photo{height:260px}.v31-role{min-height:0}}
/* Keep registration drawer over the sticky website navigation. */
.drawer-overlay{z-index:400!important}


/* ONEBOX 3.2 — original ONEBOX copy, compact GENŌ-inspired information architecture */
.v31-home .v3-maincopy h1{font-size:clamp(38px,4.7vw,67px);max-width:700px;line-height:1.08}
.v31-home .v3-maincopy h1 span{color:#079e73}
.v31-home .v3-maincopy>p{max-width:650px}
.v31-paths .v3-section-head h2{font-size:clamp(23px,2.65vw,32px);max-width:760px;line-height:1.19}
.v31-home .v31-home-note small{display:none}
.v31-role .v3-role-copy h1{font-size:clamp(37px,4.25vw,55px)}
.v31-role .v3-role-copy h1 em{color:#059f72}
.v31-role .v3-role-photo{height:350px}
.v32-about-hero{background:radial-gradient(circle at 76% 7%,#dfeff9,#f8fbfe 51%,#fff 85%);padding:47px 0}
.v32-about-grid{display:grid;grid-template-columns:1fr .80fr;gap:65px;align-items:center}
.v32-about-hero h1{font-size:clamp(39px,4.7vw,61px);letter-spacing:-.057em;line-height:1.08;color:#052750;margin:14px 0 17px;max-width:640px}
.v32-about-hero h1 em{font-style:normal;color:#079f71}
.v32-about-lead{max-width:620px;font-size:17px;line-height:1.5;color:#506d85;margin-bottom:19px}
.v32-about-rule{max-width:610px;border-left:3px solid #08a77b;padding:4px 0 4px 17px;margin:16px 0 23px}
.v32-about-rule span{display:block;font-size:10px;font-weight:900;letter-spacing:.13em;color:#087f66;margin-bottom:4px}
.v32-about-rule p{font-size:14px;line-height:1.55;color:#516d83;margin:0}
.v32-about-photo{height:330px;border-radius:22px;overflow:hidden;position:relative;background:#daeaf1;box-shadow:0 20px 45px #09385b1e}
.v32-about-photo img{height:100%;width:100%;object-fit:cover}
.v32-about-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#041e3799)}
.v32-about-caption{position:absolute;z-index:2;bottom:17px;left:17px;right:17px;color:white;font-size:19px;font-weight:850;line-height:1.2;text-shadow:0 2px 9px #001b3955;letter-spacing:-.025em}
.v32-about-reasons{background:#fff;padding:34px 0 35px}
.v32-reasons-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 20px}
.v32-reasons-title h2{font-size:clamp(24px,2.55vw,33px);letter-spacing:-.04em;color:#052750;margin:0}
.v32-reasons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v32-reason{border-radius:17px;background:#f7fbff;border:1px solid #dfeaf3;padding:20px;min-height:158px}
.v32-reason:nth-child(2){background:#f2fcf7;border-color:#d3efdf}
.v32-reason-index{font-weight:900;color:#0a966e;font-size:13px}
.v32-reason h3{font-size:17px;margin:12px 0 7px;letter-spacing:-.025em;color:#052750}
.v32-reason p{font-size:12.5px;line-height:1.55;color:#557084;margin:0}
.v32-about-bottom{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid #e7eef3;margin-top:21px;padding-top:17px;font-size:12px;color:#637a8b}
.v32-about-bottom strong{color:#35546e}
.v32-about-bottom a{font-weight:800;color:#0675cf;white-space:nowrap}
@media(max-width:850px){.v32-about-photo{display:none}.v32-about-grid{grid-template-columns:1fr;gap:21px}.v32-about-photo{height:220px}.v32-about-hero{padding:30px 0}.v32-about-hero h1{font-size:clamp(39px,9.7vw,50px)}.v32-reasons-grid{grid-template-columns:1fr}.v32-reason{min-height:0;padding:15px}.v32-reason h3{margin:5px 0}.v32-about-bottom{flex-direction:column;align-items:flex-start;gap:8px}.v32-reasons-title{display:block}.v32-reasons-title h2{margin-top:6px}.v32-about-reasons{padding:25px 0}.v31-role .v3-role-photo{height:255px}}
/* Ensure the register sheet remains above the sticky review toolbar. */
.drawer-overlay{z-index:400!important}

/* Approved minimal Website: navigation before account or job forms. */
body.obx-v32-public.obx-home-network .account-area:not(.v32-account-active){display:none!important}
body.obx-v32-public.obx-home-network .v3-hero.obx-capture-hero{padding:45px 0 34px!important;background:linear-gradient(116deg,#f7fbff 0%,#eaf5ff 60%,#eaf9f5 100%)!important}
body.obx-v32-public.obx-home-network .v3-maincopy>p{font-size:17px;line-height:1.6;max-width:505px;margin-bottom:20px}
body.obx-v32-public.obx-home-network .v32-home-actions{margin:14px 0 14px}
body.obx-v32-public.obx-home-network .v32-home-actions .btn{min-width:150px}
body.obx-v32-public.obx-home-network .v3-stage{max-width:410px}
body.obx-v32-public.obx-home-network .v3-paths{padding-top:32px}
body.obx-v32-public .v32-compact-local{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 19px;padding:17px 20px;background:#f8fbfd;border-top:1px solid #e6eff4;color:#49677d;font-size:12px}
body.obx-v32-public .v32-compact-local span{font-weight:900;color:#052750}
body.obx-v32-public .v32-compact-local a{font-weight:750;color:#0b5f9c;text-decoration:none}
body.obx-v32-public .v32-compact-local a:hover,
body.obx-v32-public .v32-compact-local a:focus-visible{text-decoration:underline}
body.obx-v32-public .v32-faq-section{padding:16px 0 25px}
body.obx-v32-public .v32-faq-disclosure{background:#f8fbfc;border:1px solid #e1eaf1;border-radius:15px;padding:16px 18px}
body.obx-v32-public .v32-faq-disclosure>summary{cursor:pointer;color:#052750;font-weight:800}
body.obx-v32-public .v32-faq-disclosure>.faq{margin-top:18px}
body.obx-v32-public.obx-customer-network .v3-role-hero.role-customer{padding:43px 0;background:linear-gradient(112deg,#f5fbff,#e8f5ff)}
body.obx-v32-public.obx-customer-network .v3-role-copy h1{font-size:clamp(39px,4.7vw,61px);margin:15px 0 18px}
body.obx-v32-public.obx-customer-network .v3-role-hero .v3-hero-cta{margin-top:19px}
@media(max-width:720px){
 body.obx-v32-public .v32-compact-local{padding:14px 18px;gap:7px 14px}
 body.obx-v32-public.obx-home-network .v3-hero.obx-capture-hero{padding:33px 0 35px!important}
 body.obx-v32-public.obx-home-network .v32-home-actions .btn{width:100%}
 body.obx-v32-public.obx-customer-network .v3-role-hero.role-customer{padding:30px 0}
}

/* Search-ready regional links live in a single accessible disclosure.
   This is deliberately closed on first visit; users see a short page. */
body.obx-v32-public .v32-trade-directory{background:#f8fbfd;border-top:1px solid #e6eff4;padding:0 20px 17px;color:#476779;font-size:12px}
body.obx-v32-public .v32-trade-directory>summary{list-style:disclosure-closed;cursor:pointer;text-align:center;max-width:max-content;margin:auto;padding:9px 12px;font-weight:800;color:#0c5a90}
body.obx-v32-public .v32-trade-directory[open]>summary{list-style:disclosure-open}
body.obx-v32-public .v32-trade-directory .v32-trade-groups{max-width:1080px;margin:10px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
body.obx-v32-public .v32-trade-groups nav{display:flex;flex-wrap:wrap;align-content:start;gap:8px 11px;padding:13px;border:1px solid #e2eaf0;border-radius:12px;background:#fff}
body.obx-v32-public .v32-trade-groups strong{display:block;flex-basis:100%;color:#052750}
body.obx-v32-public .v32-trade-groups a{color:#0a5a8b;font-size:12px;text-decoration:none}
body.obx-v32-public .v32-trade-groups a:hover,
body.obx-v32-public .v32-trade-groups a:focus-visible{text-decoration:underline}

/* Customer visitor journey explanation lives inside its approved image overlay.
   The full form stays on /customers/start/, not on the public Customer page. */
body.obx-v32-public.obx-customer-network .v32-customer-photo-story{gap:6px;padding:15px 18px;max-width:calc(100% - 40px)}
body.obx-v32-public.obx-customer-network .v32-customer-photo-story b{font-size:18px;line-height:1.3}
body.obx-v32-public.obx-customer-network .v32-customer-photo-story small{font-size:12.5px;line-height:1.5;color:#365366;font-weight:550;max-width:48ch}
@media(max-width:620px){
 body.obx-v32-public.obx-customer-network .v32-customer-photo-story{left:12px;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:13px 14px;border-radius:12px}
 body.obx-v32-public.obx-customer-network .v32-customer-photo-story b{font-size:16px}
 body.obx-v32-public.obx-customer-network .v32-customer-photo-story small{font-size:12px;line-height:1.45}
}

body.obx-v32-intake .v32-intake-header{padding:35px 0 18px;background:#f6fafc}
body.obx-v32-intake .v32-intake-header .wrap{max-width:1080px}
body.obx-v32-intake .v32-intake-header h1{font-size:clamp(31px,4vw,46px);color:#052750;letter-spacing:-.045em;line-height:1.15;margin:12px 0 8px}
body.obx-v32-intake .v32-intake-header p{max-width:600px;color:#60788b;font-size:15px;margin:0}
body.obx-v32-intake .v32-intake-back{display:inline-block;margin-bottom:18px;font-size:13px;color:#0b66a9;font-weight:800;text-decoration:none}
body.obx-v32-intake .v32-intake-back:hover{text-decoration:underline}
body.obx-v32-intake #request{padding-top:30px}
body.obx-v32-intake .v32-intake-header .v32-preview-status{margin-top:15px}
@media(max-width:720px){
 body.obx-v32-intake .v32-intake-header{padding:25px 0 14px}
}

/* Readable compact footer on new 3.2 visitor pages, especially Learning.
   The already approved Home and Customer are explicitly excluded. */
body.obx-v32-public.obx-learning-network footer{padding:24px 20px 28px!important;font-size:12px!important;line-height:1.6!important}
body.obx-v32-public.obx-learning-network footer .footerrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;max-width:1180px;margin:0 auto}
body.obx-v32-public.obx-learning-network footer .footerrow span{color:#4f7185}
body.obx-v32-public.obx-learning-network footer .footerrow a{display:inline-block;color:#075b91;text-decoration:none;line-height:1.8}
body.obx-v32-public.obx-learning-network footer .footerrow a:hover{text-decoration:underline}
body.obx-v32-public.obx-learning-network footer .obx-footer-legal,
body.obx-v32-public.obx-learning-network footer .obx-footer-social{display:flex;flex-wrap:wrap;gap:6px 14px;max-width:1180px;margin:12px auto 0;font-size:11px}
body.obx-v32-public.obx-learning-network footer .obx-footer-legal a,
body.obx-v32-public.obx-learning-network footer .obx-footer-social a{color:#245c83;text-decoration:none}
@media(max-width:980px){
 /* Mobile users must be able to discover all five visitor links by scrolling.
    Restore a subtle scrollbar cue that the legacy shared nav hid completely. */
 body.obx-v32-public.obx-professional-network .obx-mobile-tabs,
 body.obx-v32-public.obx-business-network .obx-mobile-tabs,
 body.obx-v32-public.obx-learning-network .obx-mobile-tabs,
 body.obx-v32-public.obx-about-network .obx-mobile-tabs{scrollbar-width:thin!important;scrollbar-color:#b8d0dc transparent!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
 body.obx-v32-public.obx-professional-network .obx-mobile-tabs a,
 body.obx-v32-public.obx-business-network .obx-mobile-tabs a,
 body.obx-v32-public.obx-learning-network .obx-mobile-tabs a,
 body.obx-v32-public.obx-about-network .obx-mobile-tabs a{scroll-snap-align:start}
 body.obx-v32-public.obx-professional-network .obx-mobile-tabs::-webkit-scrollbar,
 body.obx-v32-public.obx-business-network .obx-mobile-tabs::-webkit-scrollbar,
 body.obx-v32-public.obx-learning-network .obx-mobile-tabs::-webkit-scrollbar,
 body.obx-v32-public.obx-about-network .obx-mobile-tabs::-webkit-scrollbar{display:block!important;height:3px}
}

/* ONEBOX 4.2 approved Visitor Header — logo + Log in only.
   Image-like branded network motif uses scalable CSS gradients rather than
   repeating an actual photo or a person from any of the distinct role pages. */
body.obx-v32-public{
 --v32-header-blue:rgba(11,118,191,.11);
 --v32-header-green:rgba(25,167,113,.105);
 --v32-header-line:rgba(14,112,176,.045);
}
body.obx-v32-public.obx-customer-network{--v32-header-green:rgba(13,169,118,.14)}
body.obx-v32-public.obx-professional-network{--v32-header-blue:rgba(14,112,213,.14)}
body.obx-v32-public.obx-business-network{--v32-header-blue:rgba(5,102,174,.17)}
body.obx-v32-public.obx-learning-network{--v32-header-green:rgba(18,173,111,.15)}
body.obx-v32-public.obx-about-network{--v32-header-blue:rgba(21,108,185,.10)}
/* Hide obsolete navigation before JS hydrates, preventing a flash of menu links. */
body.obx-v32-public .nav .links>a:not(#accountBtn):not(.obx-public-signin),
body.obx-v32-public .nav .navlinks>a:not(#accountBtn):not(.obx-public-signin),
body.obx-v32-public .obx-mobile-tabs{display:none!important}
body.obx-v32-public .nav.obx-public-nav,
body.obx-v32-public .nav{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:18px!important;width:100%!important;min-height:82px!important;height:auto!important;
 margin:10px 0 16px!important;padding:12px 21px!important;
 border:1px solid #dce8f0!important;border-radius:22px!important;
 background-color:#f9fcff!important;
 background-image:
  radial-gradient(ellipse 300px 120px at 2% 22%,var(--v32-header-green),transparent 75%),
  radial-gradient(ellipse 390px 170px at 93% 75%,var(--v32-header-blue),transparent 78%),
  radial-gradient(circle at 68% 15%,rgba(19,134,146,.07) 0 4px,transparent 5px),
  radial-gradient(circle at 74% 45%,rgba(20,155,138,.07) 0 3px,transparent 4px),
  repeating-linear-gradient(124deg,transparent 0 42px,var(--v32-header-line) 42px 43px,transparent 43px 84px),
  linear-gradient(110deg,#fff 1%,#f6fbff 54%,#eef8f7 100%)!important;
 box-shadow:0 10px 26px rgba(5,39,80,.055)!important;
 position:relative!important;overflow:hidden!important;
}
body.obx-v32-public .nav.obx-public-nav .brand,
body.obx-v32-public .nav .brand{position:relative!important;z-index:2!important;flex:0 0 auto!important;min-width:70px!important}
body.obx-v32-public .nav .brand img{object-fit:contain!important;display:block!important;max-width:100%!important;filter:none!important}
body.obx-v32-public .nav .obx-public-links,
body.obx-v32-public .nav .links,
body.obx-v32-public .nav .navlinks{
 position:relative!important;z-index:2!important;margin-left:auto!important;
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 flex:0 0 auto!important;padding:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;
}
body.obx-v32-public .nav .obx-public-links .obx-public-signin,
body.obx-v32-public .nav .obx-public-links #accountBtn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:43px!important;min-width:102px!important;padding:10px 19px!important;
 background:#052750!important;color:#fff!important;
 border:1px solid #052750!important;border-radius:999px!important;
 font-size:13px!important;font-weight:850!important;line-height:1.2!important;
 letter-spacing:0!important;text-decoration:none!important;
 box-shadow:0 5px 15px rgba(5,39,80,.15)!important;
}
body.obx-v32-public .nav .obx-public-signin:hover,
body.obx-v32-public .nav #accountBtn:hover{
 background:#0879a6!important;color:#fff!important;border-color:#0879a6!important;
}
body.obx-v32-public .nav .obx-public-signin:focus-visible,
body.obx-v32-public .nav .brand:focus-visible{
 outline:3px solid #168bc0!important;outline-offset:4px!important;
}
@media(max-width:980px){
 body.obx-v32-public .nav.obx-public-nav,body.obx-v32-public .nav{
   min-height:70px!important;margin:7px 0 14px!important;padding:9px 14px!important;border-radius:17px!important
 }
 body.obx-v32-public .nav .obx-public-links .obx-public-signin,
 body.obx-v32-public .nav .obx-public-links #accountBtn{min-width:88px!important;min-height:42px!important;padding:9px 15px!important}
 body.obx-v32-public .obx-mobile-tabs{display:none!important}
}

/* V2 visuals are a separate opt-in reviewer mode: never the default. */
body.obx-v32-public .v32-image-research-note{
  position:relative;z-index:150;background:#fff4df;color:#6f4814;
  border-bottom:1px solid #e0c488;padding:9px 15px;
  font-size:12px;line-height:1.5;font-weight:750;text-align:center
}
body.obx-v32-public.obx-v32-image-research img[data-onebox-v32-photo]{
  background-color:#ecf4f7;
}


/* Launch WCAG touch targets and legibility. Only affect compact public visitor footer. */
body.obx-v32-public .v3-steps b{color:#087451}
body.obx-v32-public footer .obx-footer-legal,
body.obx-v32-public footer .obx-footer-social{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
body.obx-v32-public footer .obx-footer-legal a,
body.obx-v32-public footer .obx-footer-social a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;padding:8px 10px;border-radius:8px}
body.obx-v32-public footer .obx-footer-legal a:focus-visible,
body.obx-v32-public footer .obx-footer-social a:focus-visible{outline:3px solid #087451;outline-offset:2px}


/* ONEBOX public consistency pass: shared role colour, CTA and social system. */
body.obx-v32-public header.v3-role-hero{
  background:linear-gradient(116deg,#f7fbff 0%,#eaf5ff 62%,#eefaf6 100%)!important;
}
body.obx-v32-public header.v3-role-hero h1{color:#052750!important}
body.obx-v32-public header.v3-role-hero h1 em{color:#1ec061!important}
body.obx-v32-public header.v3-role-hero .btn.blue{
  background:linear-gradient(135deg,#006ae4,#128cf5)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,106,228,.18)!important;
}
body.obx-v32-public .obx-footer-social{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
}
body.obx-v32-public .obx-footer-social>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid #d8e4ef!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#052750!important;
  text-decoration:none!important;
}
body.obx-v32-public .obx-footer-social>a:hover{
  border-color:#006ae4!important;
  color:#006ae4!important;
  box-shadow:0 8px 20px rgba(0,106,228,.12)!important;
}
body.obx-v32-public .obx-footer-social svg{display:block!important;width:20px!important;height:20px!important}