/* EF One · Premium SaaS landing / Corporate white + deep navy */
.efone-hero{background:linear-gradient(115deg,#f6f9fe 0%,#fff 63%);padding:62px 0 78px;overflow:hidden}
.efone-hero-grid{display:grid;grid-template-columns:.96fr 1.07fr;align-items:center;gap:45px}
.efone-overline{font-size:10px;letter-spacing:.15em;font-weight:750;color:#48668c;display:flex;align-items:center;gap:9px}
.efone-dot{width:7px;height:7px;background:#17a9a3;border-radius:50%;box-shadow:0 0 0 4px #d8f5ed}
.efone-hero h1{font-size:clamp(46px,5.4vw,79px);font-weight:790;line-height:1.04;letter-spacing:-.068em;margin:25px 0 27px}
.efone-hero h1 em{font-style:normal;color:#3068c7}
.efone-hero-copy>p{font-size:17px;line-height:1.85;max-width:550px;color:#667791}
.efone-hero-copy>p strong{color:#122c4f}
.efone-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0 37px}
.efone-quiet-link{font-weight:750;border-bottom:1px solid #a8b9ce;padding:11px 0;font-size:13px}
.efone-intro-note{display:flex;flex-wrap:wrap;gap:18px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#8191a6}
.efone-ui{display:grid;grid-template-columns:150px 1fr;min-height:433px;border:1px solid #d9e4f0;border-radius:15px;background:white;box-shadow:0 24px 70px #0b285325;overflow:hidden;transform:rotate(-.8deg)}
.efone-ui-sidebar{background:#0d2649;padding:20px 11px;color:#b4c7dd}
.efone-mini-logo{color:#fff;font-size:13px;font-weight:850;margin:0 0 35px;padding-left:7px}
.efone-mini-logo span{color:#65dbca}
.efone-mini-label{display:block;color:#6483a6;font-size:8px;font-weight:800;letter-spacing:.14em;padding:8px 9px}
.efone-navitem{font-size:10px;padding:9px;border-radius:6px;white-space:nowrap}
.efone-navitem.on{background:#2f68cc;color:white;font-weight:700}
.efone-ui-screen{padding:22px 19px;min-width:0}
.efone-ui-kicker{display:flex;justify-content:space-between;gap:8px;color:#7f92aa;font-size:8px;letter-spacing:.11em;font-weight:800}
.efone-ui-kicker span{color:#9fadc0;letter-spacing:0;font-weight:500}
.efone-ui-screen h2{font-size:23px;margin:19px 0 4px;color:#18375b}
.efone-ui-screen>p{font-size:10px;color:#8496aa}
.efone-ui-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:22px}
.efone-ui-counters>div{padding:12px 9px;background:#f8fafd;border:1px solid #e7edf5;border-radius:8px}
.efone-ui-counters small,.efone-ui-counters span{font-size:8px;display:block;color:#8092a8}
.efone-ui-counters strong{font-size:21px;font-weight:850;display:block;margin:4px 0;color:#1a3c68}
.efone-ui-section{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;margin:25px 0 9px;color:#27476a}
.efone-ui-section span{color:#7a92b1;font-size:8px}
.efone-ui-lines{border:1px solid #eaf0f6;border-radius:7px}
.efone-ui-lines>div{display:flex;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #edf2f7;font-size:9px;color:#4f6783}
.efone-ui-lines>div:last-child{border:0}
.efone-ui-lines i{width:7px;height:7px;border-radius:50%;background:#79a8e9}
.efone-ui-lines i.efone-light-amber{background:#f1c478}
.efone-ui-lines i.efone-light-green{background:#8ccbb7}
.efone-ui-lines small{margin-left:auto;color:#94a5ba;font-size:8px}
.efone-example-label{font-size:8px;color:#a2afbf;margin-top:13px}
.efone-intro-strip{border-block:1px solid #e5ebf4;background:white}
.efone-intro-strip .wrap{padding:18px 0;display:flex;gap:24px;align-items:center;justify-content:space-between}
.efone-intro-strip span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#3c6aa9}
.efone-intro-strip strong{font-weight:600;color:#526981;font-size:12px}
.efone-section{padding-top:95px;padding-bottom:95px}
.efone-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}
.efone-section-head h2{font-size:clamp(31px,3.8vw,50px);margin:0}
.efone-section-head>p{max-width:340px;font-size:14px}
.efone-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.efone-modules article{background:#fff;border:1px solid #e1e8f2;border-radius:10px;padding:25px;min-height:280px;display:flex;flex-direction:column}
.efone-mod-icon{width:38px;height:38px;border-radius:9px;background:#edf3fc;color:#396bb1;display:grid;place-items:center;font-size:22px;font-weight:700;margin-bottom:16px}
.efone-modules article>small{font-size:9px;color:#89a0b8;font-weight:800;letter-spacing:.1em}
.efone-modules h3{font-size:18px;color:#19375b;margin:8px 0 10px}
.efone-modules p{font-size:12px;line-height:1.7;margin-bottom:22px}
.efone-availability{margin-top:auto;color:#22776a;font-size:10px;font-weight:750}
.efone-availability.upcoming{color:#8391a4}
.efone-packages{background:#f5f8fc;border-block:1px solid #e1e9f2}
.efone-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.efone-plan{background:white;border:1px solid #dfe7f1;border-radius:13px;padding:27px;display:flex;flex-direction:column;min-height:435px}
.efone-plan.standout{border:2px solid #2d69c8;box-shadow:0 18px 35px #0d3a7817;transform:translateY(-7px)}
.efone-plan-name{font-size:10px;font-weight:850;letter-spacing:.14em;color:#2e609f;display:flex;align-items:center;justify-content:space-between;gap:7px}
.efone-popular{font-size:8px;background:#e7f0ff;color:#2f5fa2;padding:5px 6px;border-radius:5px;letter-spacing:0}
.efone-plan h3{font-size:39px;letter-spacing:-.06em;margin:22px 0 11px}
.efone-plan h3 small{font-size:11px;letter-spacing:0;color:#8292a9;font-weight:500}
.efone-plan>p{font-size:12px;min-height:47px}
.efone-plan-cap{border-top:1px solid #e7edf4;border-bottom:1px solid #e7edf4;padding:15px 0;margin:12px 0;display:flex;gap:11px;align-items:center}
.efone-plan-cap strong{font-size:32px;line-height:1;color:#2865c2}
.efone-plan-cap span{color:#546d87;font-size:11px;font-weight:700}
.efone-plan ul{list-style:none;padding:0;margin:0 0 24px;color:#6b7e93;font-size:11px;line-height:2.3}
.efone-plan li:before{content:'✓';color:#2e8f88;margin-right:10px;font-weight:800}
.efone-plan-link{background:#102f55;color:white;border-radius:8px;padding:13px 14px;text-align:center;font-size:12px;font-weight:750;margin-top:auto}
.efone-plan.standout .efone-plan-link{background:#2b64ca}
.efone-plan-link:hover{background:#3976d1}
.efone-price-note{max-width:900px;color:#7d8da3;font-size:11px;line-height:1.7;margin:21px auto 0;text-align:center}
.efone-access{background:#0e294c;color:#fff;padding:90px 0}
.efone-access-grid{display:grid;grid-template-columns:1fr .95fr;gap:8%;align-items:start}
.efone-access .eyebrow{color:#70d9cd}.efone-access h2{font-size:clamp(34px,4vw,55px);margin:13px 0 25px}
.efone-access-grid>div>p{color:#bfcee1;max-width:530px;font-size:14px}
.efone-no-commitment{border-top:1px solid #36516e;margin-top:30px;padding-top:20px;font-size:12px;color:#9cbbda}
.efone-wa{display:inline-flex;color:#a4e0da;font-size:13px;font-weight:700;margin-top:25px;border-bottom:1px solid #456d8a;padding-bottom:8px}
.efone-form{background:white;color:#19385b;border-radius:13px;padding:30px;box-shadow:0 25px 55px #05152933}
.efone-form h3{font-size:22px;margin-bottom:8px}
.efone-form>p{font-size:12px}
.efone-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 13px}
.efone-form label{display:flex;flex-direction:column;font-size:11px;color:#48617b;font-weight:700;gap:6px}
.efone-form input:not([type=checkbox]),.efone-form textarea{width:100%;padding:11px;border:1px solid #d9e2ed;border-radius:8px;font-size:12px;color:#173451;background:white}
.efone-form textarea{resize:vertical}
.efone-form .efone-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:10px;line-height:1.6;margin:18px 0}
.efone-consent input{margin-top:4px;flex-shrink:0}
.efone-consent a{color:#2b63bf;text-decoration:underline}
.efone-form .btn{width:100%;margin:0;font-size:12px}
.efone-form-result{min-height:30px;margin:12px 0 0;font-size:11px}
.efone-form-result.success{color:#1d7d66;font-weight:700}
.efone-footer{background:white;border-top:1px solid #edf1f6}
.efone-footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0}
.efone-footer .wrap>a img{object-fit:contain;width:150px;height:65px}
.efone-footer span{font-size:11px;color:#7589a2;max-width:360px}
.efone-footer .wrap>div{display:flex;gap:18px;flex-wrap:wrap}
.efone-footer .wrap>div>a{font-size:10px;color:#6e8097}
@media(max-width:1050px){.efone-hero-grid{grid-template-columns:1fr}.efone-hero-copy{max-width:690px}.efone-ui{max-width:690px;width:100%;margin:auto}.efone-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.efone-access-grid{gap:35px}}
@media(max-width:820px){.efone-hero{padding:38px 0 52px}.efone-section{padding-top:65px;padding-bottom:65px}.efone-section-head{display:block}.efone-section-head>p{margin-top:18px}.efone-plans{grid-template-columns:1fr;max-width:550px;margin:auto}.efone-plan{min-height:0}.efone-plan.standout{transform:none}.efone-access-grid{grid-template-columns:1fr}.efone-footer .wrap{flex-wrap:wrap}}
@media(max-width:580px){.efone-hero h1{font-size:48px}.efone-hero-copy>p{font-size:14px}.efone-actions{gap:9px}.efone-intro-note{gap:10px;font-size:8px}.efone-ui{grid-template-columns:100px 1fr;min-height:338px}.efone-ui-sidebar{padding:12px 5px}.efone-mini-logo{font-size:11px;padding-left:4px;margin-bottom:20px}.efone-mini-label{font-size:6px;padding:7px 5px}.efone-navitem{font-size:7px;padding:7px 4px}.efone-ui-screen{padding:13px 10px}.efone-ui-kicker{font-size:6px}.efone-ui-kicker span{font-size:6px}.efone-ui-screen h2{font-size:17px;margin:16px 0 3px}.efone-ui-counters{gap:3px}.efone-ui-counters>div{padding:6px 4px}.efone-ui-counters strong{font-size:16px}.efone-ui-counters small,.efone-ui-counters span{font-size:6px}.efone-ui-section{margin:16px 0 5px;font-size:8px}.efone-ui-lines>div{font-size:7px;padding:7px 5px}.efone-ui-lines small{font-size:6px}.efone-modules{grid-template-columns:1fr}.efone-modules article{min-height:0}.efone-intro-strip .wrap{display:block}.efone-intro-strip strong{display:block;margin-top:6px}.efone-form{padding:20px}.efone-fields{grid-template-columns:1fr}.efone-footer .wrap>div{gap:10px}}

/* EF One self-service onboarding */
.efone-steps{padding:0;margin:25px 0;list-style:none;display:grid;gap:15px}
.efone-steps li{display:grid;gap:7px;padding:0 0 14px;border-bottom:1px solid #e8edf4}
.efone-steps strong{font-size:13px;color:#15365f}
.efone-steps span{font-size:12px;color:#60758e;line-height:1.6}
.efone-onboarding-button{display:block;text-align:center;max-width:none;width:100%;box-sizing:border-box}
.efone-onboarding .efone-price-note{text-align:left;margin-top:20px;line-height:1.6}
.efone-onboarding .efone-price-note a{text-decoration:underline}

/* Self-service onboarding section */
.efone-steps{list-style:none;margin:21px 0;padding:0;display:grid;gap:18px}
.efone-steps li{display:grid;gap:5px;padding:0 0 15px;border-bottom:1px solid #e7edf4}
.efone-steps strong{font-size:13px;color:#19385b}
.efone-steps span{font-size:12px;color:#647b93}
.efone-onboarding-button{display:block;text-align:center}
.efone-onboarding .efone-price-note{text-align:left;margin:14px 0 0}
