/* Field Sales page - built to match the approved visual reference */
.fs-page{background:#fff;color:#10213f;font-family:Poppins,"Segoe UI",Arial,sans-serif}
.fs-page .wrap{width:min(1180px,92%);margin:auto}
.fs-hero{background:linear-gradient(110deg,#eef8ff 0%,#f7fbff 42%,#fff 70%);overflow:hidden}
.fs-hero-inner{display:grid;grid-template-columns:47% 53%;min-height:430px;align-items:stretch}
.fs-copy{padding:46px 18px 35px 0;position:relative;z-index:3}
.fs-logo{width:265px;height:auto;display:block;margin-bottom:10px}
.fs-title{font-size:27px;line-height:1.13;letter-spacing:-.7px;margin:0 0 14px;font-weight:800;color:#10213f;max-width:520px}
.fs-lead{font-size:15px;line-height:1.5;color:#53637b;max-width:515px;margin:0}
.fs-actions{display:flex;gap:12px;margin-top:20px;align-items:center}
.fs-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:11px 22px;font-size:13px;font-weight:800;text-decoration:none;border:1px solid #d7e0eb;background:#fff;color:#15345e}
.fs-btn.primary{background:#1262b8;border-color:#1262b8;color:#fff;box-shadow:0 8px 18px rgba(18,98,184,.16)}
.fs-btn span{font-size:22px;font-weight:400;line-height:12px}
.fs-benefit-list{display:grid;gap:7px;position:absolute;right:-120px;top:106px;width:180px}
.fs-benefit{font-size:12px;color:#203a5f;display:flex;align-items:center;gap:8px;white-space:nowrap}
.fs-benefit i{width:15px;height:15px;border-radius:50%;background:#1768bd;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}
.fs-handnote{position:absolute;right:-55px;bottom:36px;color:#0b58a4;font-family:"Segoe Print","Bradley Hand",cursive;font-size:19px;line-height:1.05;transform:rotate(-6deg);text-align:center;z-index:4}
.fs-handnote:after{content:"";display:block;width:70px;height:2px;background:#0b58a4;transform:rotate(-18deg);margin:8px auto 0}
.fs-visual{position:relative;min-height:430px;overflow:hidden}
.fs-photo{position:absolute;right:0;bottom:0;width:77%;height:100%;object-fit:cover;object-position:74% center;mix-blend-mode:multiply}
.fs-photo-fade{position:absolute;inset:0;background:linear-gradient(90deg,#f4faff 0%,rgba(244,250,255,.86) 17%,rgba(244,250,255,.15) 40%,rgba(244,250,255,0) 58%);z-index:2}
.fs-phone{position:absolute;right:10px;top:23px;width:210px;height:385px;background:#111;border-radius:34px;padding:7px;box-shadow:0 20px 45px rgba(16,36,74,.24);z-index:5}
.fs-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:84px;height:20px;background:#111;border-radius:0 0 15px 15px;z-index:3}
.fs-screen{height:100%;border-radius:28px;background:#fff;overflow:hidden;padding:42px 13px 12px;color:#172744;font-family:Poppins,Arial,sans-serif}
.fs-greeting{font-size:9px;color:#65748b}.fs-greeting b{display:block;font-size:13px;color:#172744}
.fs-plan{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.fs-plan b{font-size:12px}.fs-plan span{font-size:9px;font-weight:800}
.fs-visit{border-top:1px solid #e8edf3;padding:10px 2px;display:flex;gap:8px;align-items:flex-start}.fs-dot{width:15px;height:15px;border-radius:50%;background:#1768bd;position:relative;margin-top:2px}.fs-dot.green{background:#25a66a}.fs-dot.purple{background:#7246db}.fs-dot.red{background:#dc5148}.fs-visit div{font-size:8px}.fs-visit b{font-size:9px;display:block}.fs-visit span{color:#68768a}
.fs-modules{padding:30px 0 20px;background:#fff}
.fs-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.fs-section-head h2{font-size:28px;line-height:1.1;margin:0 0 6px;letter-spacing:-.9px}.fs-section-head p{font-size:14px;color:#5d6c82;margin:0}.fs-link{color:#1262b8;font-weight:800;font-size:12px}
.fs-module-grid{display:grid;grid-template-columns:150px repeat(3,1fr);gap:12px;margin-bottom:18px}.fs-module-grid.sales{grid-template-columns:150px repeat(5,1fr)}
.fs-group{padding:18px 0}.fs-group h3{font-size:16px;margin:0 0 7px}.fs-group p{font-size:12px;line-height:1.4;color:#617088;margin:0;max-width:130px}
.fs-card{min-height:125px;border-radius:12px;padding:16px;border:1px solid transparent;position:relative}.fs-card.blue{background:#e9f4ff;border-color:#d8eaff}.fs-card.green{background:#eaf9e9;border-color:#daf1d7}.fs-card.purple{background:#f0eaff;border-color:#e4d8ff}.fs-card.yellow{background:#fff4d9;border-color:#ffebbf}.fs-card.pink{background:#ffeaf0;border-color:#ffd9e3}.fs-card.mint{background:#e5f8f1;border-color:#d4f0e5}.fs-card.sky{background:#e9f3ff;border-color:#d8e9ff}.fs-card.peach{background:#ffeded;border-color:#f8dede}
.fs-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px}.fs-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.blue .fs-icon{color:#1262b8}.green .fs-icon{color:#16934d}.purple .fs-icon{color:#713bc9}.yellow .fs-icon{color:#ef9d08}.pink .fs-icon{color:#d31b5a}.mint .fs-icon{color:#1b9e74}.sky .fs-icon{color:#2171ce}.peach .fs-icon{color:#ed5b4c}
.fs-card h4{font-size:13px;line-height:1.2;margin:0 0 7px}.fs-card p{font-size:10px;line-height:1.4;color:#5b6b82;margin:0}.fs-card .card-arrow{position:absolute;right:10px;top:17px;width:30px;height:30px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:17px}
.fs-journey{padding:34px 0 28px;background:linear-gradient(180deg,#f6fbff,#fff)}
.fs-journey-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:start;margin-top:22px}.fs-step{text-align:center;position:relative}.fs-step:not(:last-child):after{content:"→";position:absolute;right:-12px;top:16px;color:#4d9df0;font-size:23px}.fs-step-icon{width:58px;height:58px;border-radius:50%;background:#e8f2ff;color:#1768bd;display:grid;place-items:center;margin:0 auto 8px}.fs-step-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fs-step b{font-size:13px}.fs-step p{font-size:10px;line-height:1.35;color:#607087;margin:4px auto 0;max-width:130px}.fs-journey-note{color:#1262b8;font-family:"Segoe Print","Bradley Hand",cursive;font-size:19px;line-height:1.02;transform:rotate(-5deg);text-align:center;margin-top:8px}.fs-journey-note:after{content:"";display:block;width:75px;height:2px;background:#1262b8;transform:rotate(-13deg);margin:7px auto 0}
.fs-performance{position:relative;overflow:hidden;min-height:168px;color:#fff;background:#0d3156;display:flex;align-items:stretch}.fs-performance-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,34,61,.98) 0%,rgba(7,43,75,.94) 35%,rgba(7,43,75,.40) 62%,rgba(7,43,75,.18) 100%),url('assets/field-sales-team-approved.png');background-size:cover;background-position:right center;filter:saturate(.85)}
.fs-performance-content{position:relative;z-index:2;width:min(1180px,92%);margin:auto;display:grid;grid-template-columns:35% 65%;align-items:center}.fs-performance-copy{padding:25px 20px 25px 0}.fs-performance-copy h2{font-size:26px;line-height:1.08;margin:0 0 8px}.fs-performance-copy p{font-size:11px;color:#d7e5f4;margin:0 0 13px}.fs-white-btn{background:#fff;color:#18365c;border-radius:8px;padding:10px 18px;font-size:11px;font-weight:800;display:inline-flex;gap:10px;align-items:center}.fs-stats{display:flex;justify-content:space-between;gap:15px;padding:20px 0 20px 10px}.fs-stat{flex:1;border-left:1px solid rgba(255,255,255,.22);padding-left:20px}.fs-stat strong{font-size:25px}.fs-stat span{display:block;font-size:10px;color:#d5e2ef}.fs-road-note{font-family:"Segoe Print","Bradley Hand",cursive;font-size:17px;line-height:1.05;transform:rotate(-5deg);max-width:120px;text-align:center}
@media(max-width:1000px){.fs-hero-inner{grid-template-columns:52% 48%}.fs-benefit-list{right:-70px}.fs-phone{width:180px;height:335px}.fs-module-grid{grid-template-columns:130px repeat(3,1fr)}.fs-module-grid.sales{grid-template-columns:130px repeat(3,1fr)}.fs-card:nth-last-child(-n+2){display:none}.fs-journey-row{grid-template-columns:repeat(3,1fr);row-gap:22px}.fs-step:nth-child(3):after,.fs-step:nth-child(6):after{display:none}.fs-performance-content{grid-template-columns:42% 58%}}
@media(max-width:760px){.fs-hero-inner{display:block}.fs-copy{padding:30px 0 12px}.fs-logo{width:225px}.fs-title{font-size:24px}.fs-benefit-list{position:static;width:auto;margin-top:18px;grid-template-columns:1fr 1fr;display:grid}.fs-handnote{display:none}.fs-visual{min-height:370px}.fs-photo{width:90%}.fs-phone{right:8px;top:10px;width:170px;height:320px}.fs-section-head{display:block}.fs-link{display:inline-block;margin-top:8px}.fs-module-grid,.fs-module-grid.sales{grid-template-columns:1fr 1fr}.fs-group{grid-column:1/-1;padding:5px 0}.fs-card{min-height:118px}.fs-journey-row{grid-template-columns:repeat(2,1fr)}.fs-step:nth-child(even):after{display:none}.fs-performance-content{grid-template-columns:1fr}.fs-stats{padding:0 0 25px}.fs-road-note{display:none}}
@media(max-width:520px){.fs-logo{width:200px}.fs-benefit-list{grid-template-columns:1fr}.fs-visual{min-height:330px}.fs-photo{width:100%;opacity:.9}.fs-phone{width:150px;height:285px}.fs-module-grid,.fs-module-grid.sales{grid-template-columns:1fr}.fs-card:nth-last-child(-n+2){display:block}.fs-journey-row{grid-template-columns:1fr 1fr}.fs-performance{min-height:300px}.fs-stats{display:grid;grid-template-columns:1fr 1fr}.fs-stat{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding:10px 0 0}.fs-performance-copy h2{font-size:23px}}

/* Reference correction: keep the phone UI to the right of the salesperson's face. */
.fs-visual{overflow:hidden}
.fs-photo{right:150px;width:68%;object-position:center center}
.fs-phone{right:10px;width:190px;height:365px}
@media(max-width:1000px){.fs-photo{right:115px;width:70%}.fs-phone{right:6px;width:175px;height:335px}}
@media(max-width:760px){.fs-photo{right:90px;width:72%}.fs-phone{right:4px;width:165px;height:315px}}
@media(max-width:520px){.fs-photo{right:70px;width:78%}.fs-phone{right:2px;width:145px;height:280px}}

/* ===== Final gradient emphasis pass ===== */
.es-banner-copy h1 span,.es-hero h1 span,.fs-title span,.inside-approved h1 span,.inside-approved .accent,.moduleHero h1 span{
  background:linear-gradient(90deg,#c3154b 0%,#ed3b22 58%,#ff7a21 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}