/* ECS Career & Personal Branding storefront - scoped to career-* classes. */
:root{--career-navy:#0b2443;--career-deep:#07172a;--career-blue:#1461b6;--career-cyan:#40d6ef;--career-gold:#f2ba4b;--career-white:#fff;--career-muted:#59728e}
.career-hero{background:radial-gradient(ellipse at 83% 5%,#1d5b94 0%,transparent 40%),linear-gradient(120deg,#07192e,#0d2e50 55%,#071b35);color:white;padding:clamp(65px,8vw,112px) 0 92px;overflow:hidden}
.career-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px}
.career-kicker{display:block;color:#00b6e8;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:850;margin-bottom:16px}
.career-hero .career-kicker{color:#83eaff}
.career-hero h1{font-size:clamp(42px,5.4vw,76px);line-height:1.05;letter-spacing:-.045em;margin:0 0 23px;max-width:760px;color:#fff}
.career-hero h1 em{font-style:normal;color:#59dcf6}
.career-hero p{max-width:660px;color:#d3e4f4;font-size:clamp(16px,1.4vw,19px);line-height:1.75}
.career-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 25px}
.career-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;text-decoration:none;font-size:15px;font-weight:800;border-radius:10px;padding:15px 20px;min-height:48px;transition:transform .18s,box-shadow .18s;background:none;cursor:pointer;text-align:center;line-height:1.35}
.career-btn:hover{transform:translateY(-2px);box-shadow:0 9px 24px #001c3b2a;text-decoration:none}
.career-btn:focus-visible,.career-order-form input:focus-visible,.career-order-form textarea:focus-visible{outline:3px solid #ffc56a;outline-offset:2px}
.career-primary{background:#f0b94e;color:#10233b!important}
.career-primary:hover{background:#ffd27a;color:#10233b}
.career-secondary{border:1px solid #7b9cb8;color:white!important}
.career-secondary:hover{border-color:white;color:#fff}
.career-dark{background:#0b2e51;color:white!important}
.career-dark:hover{background:#174e7b;color:white}
.career-trust{display:flex;flex-wrap:wrap;gap:10px 20px;color:#b8d9eb;font-size:13px}
.career-visual{min-height:420px;background:linear-gradient(145deg,#0e3966,#091b32);border:1px solid #3e83ac;border-radius:22px;padding:22px;transform:rotate(-2deg);box-shadow:0 30px 80px #0005;position:relative}
.career-window-top{display:flex;justify-content:space-between;color:#8bb7d4;font-size:12px;border-bottom:1px solid #355a76;padding-bottom:18px}
.career-window-top span:first-child{color:#3ed2f3;letter-spacing:5px}
.career-demo-person{display:flex;align-items:center;gap:15px;padding:30px 0 22px}
.career-demo-avatar{width:76px;height:76px;display:grid;place-items:center;background:#1a73a8;color:#b5edfc;border-radius:18px;font-weight:900}
.career-demo-person small,.career-demo-person p{font-size:12px;color:#6bd7ef;display:block;margin:0}
.career-demo-person strong{display:block;color:#fff;font-size:29px}
.career-demo-person p{color:#bdd9ea;margin-top:7px}
.career-demo-bars{height:130px;background:repeating-linear-gradient(to top,transparent 0 29px,#ffffff12 29px 30px);display:flex;gap:12px;align-items:end;padding:0 12px}
.career-demo-bars span{flex:1;background:linear-gradient(180deg,#52e2ed,#1375d5);border-radius:4px 4px 0 0}
.career-demo-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.career-demo-stat>div{border:1px solid #3878aa;background:#123e61;padding:15px;border-radius:9px}
.career-demo-stat small{display:block;color:#b5d7ed;margin-bottom:5px}
.career-demo-stat strong{font-size:25px;color:white}
.career-demo-link{color:#a8eaff;display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin:20px 4px 0}
.career-section{padding:82px 0}
.career-section-heading{max-width:760px;margin:0 auto 43px;text-align:center}
.career-section-heading h2{font-size:clamp(31px,3.2vw,47px);margin:0 0 14px;color:#0c2a4b;letter-spacing:-.035em}
.career-section-heading p{color:#58708a;font-size:17px;line-height:1.6;margin:0}
.career-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px}
.career-price-card{background:#fff;border:1px solid #d9e3ec;border-radius:20px;box-shadow:0 12px 34px #08294c0b;padding:30px 25px;position:relative;display:flex;flex-direction:column;min-width:0}
.career-price-card.career-featured{border:2px solid #1878bb;box-shadow:0 19px 48px #1264aa22}
.career-popular{position:absolute;top:-16px;right:25px;background:#0b6ab5;border-radius:20px;color:#fff;font-size:12px;font-weight:800;padding:8px 16px}
.career-tier{color:#2c74a1;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:900}
.career-price-card h3{color:#0b2a49;font-size:24px;line-height:1.25;margin:17px 0 11px;min-height:60px}
.career-card-intro{color:#58728b;line-height:1.6;min-height:75px}
.career-price{color:#0a2849;font-size:46px;line-height:1;font-weight:900;letter-spacing:-.05em;margin:20px 0 22px}
.career-price>span{font-size:22px;vertical-align:top;position:relative;top:4px;letter-spacing:0}
.career-price small{display:block;color:#698096;font-size:13px;line-height:1.8;font-weight:500;letter-spacing:0}
.career-card-action{width:100%;margin-bottom:25px}
.career-include{font-size:12px;font-weight:850;color:#63809a;letter-spacing:.13em;padding:19px 0 12px;border-top:1px solid #dde5ec}
.career-feature-list{padding:0;list-style:none!important;margin:0;display:grid;gap:13px}
.career-feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#304c68;line-height:1.5;margin:0}
.career-feature-list li span{color:#0982ac;font-weight:900}
.career-pricing-note{max-width:990px;font-size:13px;color:#6a8095;margin:24px auto 0;line-height:1.6;text-align:center}
.career-soft{background:#edf5f9}
.career-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.career-steps>div{padding:24px 20px;background:#fff;border-radius:14px;border:1px solid #dce8ee}
.career-steps span{font-size:28px;color:#159ac1;font-weight:900}
.career-steps h3{font-size:20px;margin:15px 0 8px;color:#102f4e}
.career-steps p{font-size:14px;color:#657f94;line-height:1.7;margin:0}
.career-leadmagnet{background:#0c2f52;border-radius:20px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}
.career-leadmagnet h2{color:white;max-width:650px;font-size:clamp(27px,2.6vw,39px);line-height:1.17}
.career-leadmagnet p{color:#c6dceb;max-width:630px}
.career-leadmagnet .career-btn{flex-shrink:0}.career-home-buttons{display:flex;flex-direction:column;gap:12px;min-width:225px}.career-home-buttons .career-btn{width:100%}.career-leadmagnet strong{color:#fff}
.career-faq{background:#f5f8fa}
.career-faq details{max-width:860px;margin:0 auto 12px;background:white;border:1px solid #dce7ee;border-radius:12px;padding:20px}
.career-faq summary{font-size:17px;color:#102f4e;font-weight:800;cursor:pointer}
.career-faq details p{color:#59738a;margin:13px 0 0;line-height:1.7}
.career-order-hero{background:linear-gradient(105deg,#081b30,#11476e);padding:47px 0 56px;color:white}
.career-order-hero h1{font-size:clamp(34px,4.5vw,55px);margin:5px 0 12px;color:#fff}
.career-order-hero p{color:#d2e7f4;font-size:17px}
.career-back{display:block;color:#baeafc!important;margin-bottom:23px;font-size:14px}
.career-form-section{background:#f3f7fa}
.career-form-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:28px;align-items:start}
.career-order-form,.career-sidebar-card{background:#fff;border-radius:18px;border:1px solid #dce6ed;padding:clamp(23px,3vw,38px);box-shadow:0 16px 42px #0b345014}
.career-order-form h2{font-size:28px;color:#102f4e;margin:0 0 8px}
.career-order-form>p{color:#6c8093;margin-bottom:23px}
.career-order-form label{display:flex;flex-direction:column;font-weight:750;color:#223d56;font-size:14px;gap:8px;margin:0 0 22px;min-width:0}
.career-order-form input:not([type="checkbox"]),.career-order-form textarea{padding:13px 12px;border:1px solid #bbcfdb;border-radius:8px;background:#fff;color:#102c44;font:inherit;min-height:48px;width:100%;box-sizing:border-box}
.career-order-form input[type=file]{padding:10px}
.career-order-form small{font-weight:400;color:#68829a}
.career-order-form textarea{resize:vertical;min-height:135px}
.career-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.career-order-form .career-checkbox{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font-size:13px;line-height:1.55;font-weight:500}
.career-checkbox input{width:20px;height:20px;flex-shrink:0;margin:0}
.career-order-form .career-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.career-order-disclaimer{color:#637d93;font-size:13px;line-height:1.7}
.career-full{width:100%}
.career-sidebar-card{position:sticky;top:95px}
.career-sidebar-card h2{font-size:36px;color:#0c2a4a;margin:14px 0 0}
.career-sidebar-card h3{font-size:18px;color:#47617e;margin:5px 0 20px}
.career-sidebar-card .career-price{border-bottom:1px solid #e4ecf0;padding-bottom:20px}
.career-secure-message{font-size:12px;color:#456b85;background:#ecf7fb;padding:12px;border-radius:7px;margin-top:25px}
.career-received{background:#eef5f9}
.career-received-card{max-width:750px;text-align:center;background:white;padding:clamp(24px,5vw,60px);border-radius:20px;box-shadow:0 18px 40px #091f3314}
.career-received h1{font-size:clamp(31px,4vw,48px);color:#102e4e}
.career-received p{color:#546e86;line-height:1.7}
.career-success-symbol{display:inline-grid;place-items:center;background:#d8f6e7;color:#15966e;width:66px;height:66px;border-radius:50%;font-size:30px;margin-bottom:24px}
.career-receipt{text-align:left;border:1px solid #dce9f2;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px;margin:26px 0}
.career-receipt span{font-size:12px;color:#7990a1;display:block;margin-bottom:6px}
.career-receipt strong{color:#0c2b4a;font-size:17px}
.career-received .career-btn{margin:7px}
/* Real, in-page rendered demo previews — not static mockups or download links. */
.career-live-demo{display:block;margin:-7px 0 24px;text-decoration:none;color:#0f4268;border:1px solid #d7e7f1;border-radius:13px;overflow:hidden;background:#f6fafc;transition:box-shadow .2s,border-color .2s}
.career-live-demo:hover{box-shadow:0 12px 28px #153b6025;border-color:#1686d2}
.career-live-demo:focus-visible{outline:3px solid #e5ab39;outline-offset:3px}
.career-preview-window{display:block;position:relative;overflow:hidden;height:172px;background:#ebf2f9;pointer-events:none}
.career-preview-window iframe{position:absolute;top:0;left:0;border:0;width:900px;height:525px;transform:scale(.38);transform-origin:top left;pointer-events:none;background:#fff}
.career-featured .career-preview-window{background:#e2eff9}
.career-demo-callout{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px;border-top:1px solid #d8e7f0;background:#f7fbff}
.career-demo-callout strong,.career-demo-callout small{display:block}
.career-demo-callout strong{font-size:13px;color:#0d578b}
.career-demo-callout small{font-size:11px;font-weight:500;color:#54758a;margin-top:3px}
.career-demo-callout b{font-size:23px;color:#0e72b1}
@media(max-width:980px){.career-hero-grid{grid-template-columns:1fr;gap:45px}.career-visual{max-width:620px;transform:none}.career-pricing-grid{grid-template-columns:1fr 1fr}.career-pricing-grid .career-price-card:last-child{grid-column:span 2}.career-steps{grid-template-columns:1fr 1fr}.career-form-grid{grid-template-columns:1fr}.career-sidebar-card{position:static}}
@media(max-width:650px){.career-hero{padding:57px 0 55px}.career-hero h1{font-size:44px}.career-visual{min-height:390px}.career-section{padding:54px 0}.career-pricing-grid{grid-template-columns:1fr}.career-pricing-grid .career-price-card:last-child{grid-column:auto}.career-steps{grid-template-columns:1fr}.career-leadmagnet{padding:28px;flex-direction:column;align-items:flex-start}.career-two-fields{grid-template-columns:1fr}.career-hero .career-btn{width:100%}.career-visual{padding:16px}.career-receipt{grid-template-columns:1fr}.career-order-form{padding:22px}.career-price-card h3,.career-card-intro{min-height:0}}