/* Reference layouts, scoped to the three public pages. */
.premium-page,.mm-page,.rec-list-page{background:#0b101b;color:#edf0fc}
.premium-page .content-grid,.mm-page .content-grid{width:calc(100% - 150px);max-width:1440px;padding:16px 0 48px!important;margin-left:auto!important;margin-right:auto!important;transform:translateX(32px)}
/* Recruitment public pages (.rec-list-page + .rec-flow-page share this one rule):
   one real container centred inside the space the fixed left navigation leaves
   free, instead of being centred against the full viewport.
   --rec-nav-width mirrors what the navigation actually paints: 0px below 681px,
   where both navigation widgets are display:none and the trigger is hidden, then
   72px for the compact rail and 260px for the expanded sidebar
   (body.header-desktop-nav-open, toggled by js/sidebar/sidebar.js -- reachable
   down to 1024px, so the reservation is not gated on its 1366px breakpoint). */
.rec-page{--rec-nav-width:0px;--rec-container-width:1440px;--rec-container-gutter:24px}
@media(min-width:681px){.rec-page{--rec-nav-width:72px}body.rec-page.header-desktop-nav-open{--rec-nav-width:260px}}
.rec-page .content-grid{width:auto;max-width:none;margin:0 0 0 var(--rec-nav-width);padding:16px 0 48px;transform:none!important}
.rec-page .content-grid>.rec-shell{width:min(100% - var(--rec-container-gutter)*2,var(--rec-container-width));max-width:none;margin-inline:auto;padding:0}
@media(max-width:900px){.rec-page{--rec-container-gutter:16px}}
@media(max-width:600px){.rec-page{--rec-container-gutter:12px}.rec-page .content-grid{padding-top:12px}}
.premium-page .premium-hero,.mm-page .mm-hero,.rec-list-page .rec-hero{height:200px;min-height:200px;margin:0;border-radius:15px;border:1px solid #7153ef;box-shadow:inset 0 0 25px #443b9b22;overflow:hidden;background-color:#10152d;background-repeat:no-repeat;background-size:cover}
.premium-page .premium-hero{display:flex;padding:24px 26px 24px 20.5%;background-image:url('../../img/landing/premium-reference-v1.png');background-position:center 42%}
.premium-page .premium-hero__title{font-size:clamp(25px,2.3vw,36px);line-height:1.18}
.premium-page .premium-hero__subtitle{max-width:960px;font-size:15px;line-height:1.45;margin-top:10px;color:#edf0ff}
.premium-page .premium-hero__kicker{color:#d7d9f0;font-size:12px}
.premium-page .premium-hero__kicker:before{content:none}
.premium-page .premium-hero__badges{margin-top:12px;gap:14px}
.premium-page .premium-hero__badge{font-weight:500;font-size:13px;padding:9px 15px;border-color:#3841a8;background:#080f2bb3}
.premium-page .premium-benefits{margin:14px 0 0;gap:16px}
.premium-page .premium-benefit{padding:10px 15px;border-radius:11px;background:#12182a;border-color:#232b44;min-height:66px}
.premium-page .premium-benefit__title{font-size:15px}
.premium-page .premium-benefit__copy{font-size:12px}
.premium-page .premium-wrap{max-width:none;padding:0 0 40px}
.premium-page .premium-layout{grid-template-columns:1fr 1fr 1.07fr;gap:18px;align-items:start}
.premium-page #premiumPlans{gap:18px}
.premium-page .premium-main{grid-column:1/span 2}
.premium-page .premium-card{padding:24px 24px 22px;border:2px solid #3f6aff;border-radius:15px;background:linear-gradient(135deg,#181d35,#0e1422);box-shadow:none;min-height:408px}
.premium-page .premium-card[data-plan="monthly"].selected{border-color:#3f6aff;box-shadow:0 0 0 1px #3f6aff33}
.premium-page .premium-card[data-plan="lifetime"]{border-color:#823cff;background:linear-gradient(125deg,#261c50,#111527)}
.premium-page .premium-card.selected:after{content:none}
.premium-page .premium-card-dot{display:none}
.premium-page .premium-card-name{font-size:19px}
.premium-page .premium-card-price-current{font-size:42px}
.premium-page .premium-card-billed{font-size:13px;line-height:1.4}
.premium-page .premium-features{font-size:13px;margin-top:15px}
.premium-page .premium-features li{margin-top:8px;gap:12px}
.premium-page .premium-features li:before{border-radius:7px;width:22px;height:22px;background:linear-gradient(135deg,#418c6f,#143b38);color:white;box-shadow:none}
.premium-page .premium-card[data-plan="lifetime"] .premium-features li:before{background:linear-gradient(135deg,#9958ff,#6436f2)}
.premium-page .premium-cta .button{height:48px;line-height:20px;padding:14px;border-radius:11px;color:#fff!important}
.premium-page .premium-card[data-plan="monthly"] .premium-cta .button:not(.secondary){background:#46d33f;box-shadow:0 5px 25px #33cf3822}
.premium-page .premium-card[data-plan="lifetime"] .premium-cta .button:not(.secondary){background:#7338ff;box-shadow:0 5px 25px #7538ff33}
.premium-page .premium-side{grid-column:3;position:static}
.premium-page .premium-widget{padding:18px 20px;border-radius:13px;background:linear-gradient(135deg,#151a30,#0e1424);border-color:#252b43}
.premium-page .premium-box-title{font-size:18px;margin-bottom:10px}
.premium-page .premium-summary{padding:0;border:0;background:none;border-radius:0;gap:2px;font-size:14px;line-height:1.4}
.premium-page .premium-total{justify-content:flex-start;gap:6px;border-top:1px solid #32394f;padding-top:9px;margin-top:5px;font-size:18px}
.premium-page .premium-actions.is-checkout,.premium-page .premium-checkout-form{gap:7px}
.premium-page .premium-legal-box{padding:10px;gap:8px;border-radius:13px}
.premium-page .premium-consent-toggle{padding:2px;border:0;background:none;border-radius:0;gap:10px;font-size:11px}
.premium-page .premium-legal-head{display:none}
.premium-page .premium-consent-switch{width:44px;height:25px}
.premium-page .premium-consent-switch__thumb{width:19px;height:19px}
.premium-page .premium-legal-note{padding:8px;font-size:11px}
.premium-page .premium-actions.is-checkout .button{min-height:34px;height:auto;line-height:18px;padding:8px;border-radius:10px}
.premium-page .premium-checkout-form .button.primary{background:#46d33f;color:white}
/* Recruitment listing */
.rec-list-page .content-grid>.section-banner,.rec-list-page .content-grid>.section-header{display:none}
.rec-list-page .rec-shell{max-width:none;padding:0;--rec-accent:#7451ff}
.rec-list-page .rec-hero{display:flex;align-items:center;padding:24px 54px;background-image:url('../../img/landing/recruitment-reference-v1.png');background-position:center 32%}
.rec-list-page .rec-hero__copy{position:relative;z-index:1;max-width:60%}
.rec-list-page .rec-hero__eyebrow{color:#a6a9d5;font-size:13px;margin-bottom:4px}
.rec-list-page .rec-hero__title{font-size:clamp(26px,2.5vw,40px);margin-bottom:5px;letter-spacing:-.6px;color:#fff}
.rec-list-page .rec-hero__title span{color:#b166ff}
.rec-list-page .rec-hero__lead{font-size:17px;line-height:1.45;color:#c7c9e9}
.rec-list-page .rec-hero .rec-btn{margin-top:14px;min-width:208px;gap:16px;background:#5940ff;border:0;color:white;min-height:46px}
.rec-list-page .rec-hero__annotation{position:absolute;right:22px;top:35px;color:#7594ff;text-transform:uppercase;font-style:italic;font-weight:800;font-size:22px;line-height:1.35;transform:rotate(-8deg);text-align:center;max-width:190px;text-shadow:0 2px 10px #081127}
.rec-list-page .rec-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#111725;border:1px solid #232b3a;border-radius:13px;margin:14px 0 16px;padding:10px 18px}
.rec-list-page .rec-benefit{display:flex;align-items:center;gap:20px;padding:0 18px;background:none;border:0;box-shadow:none;border-radius:0}
.rec-list-page .rec-benefit+.rec-benefit{border-left:1px solid #2a3041}
.rec-list-page .rec-benefit__ico{width:48px;height:46px;display:grid;place-items:center;font-size:30px;background:#1a1735;border:0;color:#7c4fff;border-radius:50%}
.rec-list-page .rec-benefit:nth-child(2) .rec-benefit__ico{color:#278eff;background:#10223b}
.rec-list-page .rec-benefit__title{font-size:15px;font-weight:800;color:white;margin:0}
.rec-list-page .rec-benefit__copy{font-size:12px;margin:6px 0 0;color:#aab4d0}
.rec-open-light{width:20px;height:20px;margin:0 14px;border-radius:50%;background:#42ed59;box-shadow:0 0 0 13px #11b34611,0 0 25px #2dec6d}
.rec-list-tabs{display:flex;gap:12px;margin:0 0 14px;flex-wrap:wrap}
.rec-list-tabs a{display:flex;align-items:center;min-height:38px;padding:7px 26px;border:1px solid #394158;border-radius:9px;color:#bec8e7;font-weight:700;font-size:13px;background:#101524}
.rec-list-tabs .is-active{color:#d5a5ff;border-color:#9563ff;box-shadow:inset 0 0 0 1px #7148fe;background:#211840}
.rec-list-page .rec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;scroll-margin-top:100px}
.rec-list-page .rec-card{padding:20px 24px 16px;gap:12px;background:linear-gradient(130deg,#121925,#0e1420);border-radius:13px;border:1px solid #293142;border-top:2px solid var(--rec-accent);box-shadow:none;min-width:0}
.rec-list-page .rec-card__head{position:relative;min-height:65px;padding-left:85px;gap:6px}
.rec-list-page .rec-card__icon{position:absolute;left:0;top:0;width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:color-mix(in srgb,var(--rec-accent) 24%,#111725);border:1px solid var(--rec-accent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--rec-accent) 35%,transparent);color:var(--rec-accent);font-size:36px}
.rec-list-page .rec-badge{align-self:flex-start;padding:4px 10px;color:#63f3ba;border:1px solid #28594d;background:#14332d;border-radius:20px;font-size:10px;letter-spacing:.08em}
.rec-list-page .rec-card__title{font-size:18px;line-height:1.2;color:#fff;margin:0}
.rec-list-page .rec-card__campaign,.rec-list-page .rec-card__pitch{font-size:13px;line-height:1.5;color:#b0bbd5;margin:0}
.rec-list-page .rec-card__pitch{padding-left:85px;min-height:54px}
.rec-list-page .rec-card__missions{padding:10px 0 0;margin:0;list-style:none;border-top:1px solid #262c3e;color:#b0bbd5;font-size:13px;line-height:1.6}
.rec-list-page .rec-card__missions li{position:relative;padding-left:32px;margin:3px 0}
.rec-list-page .rec-card__missions li:before{content:'✓';position:absolute;left:0;top:3px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--rec-accent);color:white;font-weight:900;font-size:11px}
.rec-list-page .rec-card__facts{padding-top:12px;border-top:1px solid #262c3e;gap:12px;margin-top:auto}
.rec-list-page .rec-card__facts>div{display:flex;flex-direction:column-reverse;flex:1;padding-left:12px}
.rec-list-page .rec-card__facts>div+div{border-left:1px solid #444b66}
.rec-list-page .rec-card__facts dd{font-size:14px;color:white;margin:0 0 5px}
.rec-list-page .rec-card__facts dt{font-size:10px}
.rec-list-page .rec-card__foot{padding:0;margin-top:0}
.rec-list-page .rec-card__foot .rec-btn{width:100%;min-height:38px;color:white;background:var(--rec-accent);border:0;border-radius:9px}
/* Middleman request */
.mm-page .mm-hero{display:flex;gap:24px;padding:24px 34px;background-image:url('../../img/landing/middleman-reference-v1.png');background-position:center 38%;height:170px;min-height:170px}
.mm-hero__shield{display:grid;place-items:center;width:98px;height:100px;flex-shrink:0;border:2px solid #995cf8;border-radius:22px;color:#b984ff;background:linear-gradient(145deg,#59339e,#17152d);font-size:66px;box-shadow:0 0 20px #9c5aff77,inset 0 0 14px #ae7fff55;transform:rotate(-3deg)}
.mm-page .mm-hero__title{font-size:38px}
.mm-page .mm-hero__subtitle{font-size:17px;line-height:1.4;margin:2px 0 0;color:#d4ddff;max-width:none}
.mm-page .mm-hero__badges{margin-top:12px;gap:14px}
.mm-page .mm-hero__badge{display:flex;gap:12px;border:1px solid #3a3b59;padding:9px 13px;border-radius:12px;background:#202542b3;color:#dae3ff;font-size:12px;font-weight:500}
.mm-page .mm-hero__badge b{font-size:28px;color:#9d75ff}
.mm-page .mm-hero__badge small{display:block;font-size:11px;color:#aebde2;margin-top:4px}
.mm-page .mm-wizard-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 16px}
.mm-page .mm-wizard-step{background:none;border:0;border-radius:0;padding:0;box-shadow:none;min-height:48px;gap:16px;position:relative}
.mm-page .mm-wizard-step:not(:last-child):after{content:'';height:3px;background:#41465c;flex:1;min-width:12px;margin-left:5px}
.mm-page .mm-wizard-step.is-current:after{background:#7252ac}
.mm-page .mm-wizard-step__number{width:46px;height:46px;border:2px solid #454a61;border-radius:50%;background:#121827;font-size:22px;color:#d0d5e4;flex-shrink:0}
.mm-page .mm-wizard-step.is-current .mm-wizard-step__number{border:3px solid #c09aff;background:#3b2362;color:white;box-shadow:0 0 18px #9c6eff88}
.mm-page .mm-grid{grid-template-columns:minmax(0,2.12fr) minmax(310px,1fr);gap:15px;margin-top:0}
.mm-page .mm-card{padding:22px;border-radius:15px;border-color:#343950;background:linear-gradient(135deg,#161d32,#101727);box-shadow:none;min-width:0}
.mm-page .mm-wizard{gap:0;margin:0 0 18px}
.mm-page .mm-step-context{padding:0 0 0 80px;position:relative;min-height:62px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0}
.mm-page .mm-step-context:before{content:'♟';position:absolute;left:0;top:0;display:grid;place-items:center;width:62px;height:62px;border-radius:13px;border:1px solid #ae73ff;background:linear-gradient(145deg,#4f3674,#1d253c);font-size:38px;color:#b486ff}
.mm-page .mm-step-context strong{font-size:28px;color:white}
.mm-page .mm-step-context span{font-size:15px;line-height:1.4;color:#c1d1f3}
.mm-preparation{padding:12px 16px;background:#182b51;border:1px solid #437fe9;color:#c9dcff;border-radius:11px;font-size:13px;margin:0 0 22px}
.mm-page .mm-participants{gap:90px;position:relative}
.mm-page .mm-participants:after{content:'⇄';position:absolute;left:50%;top:42px;transform:translateX(-50%);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:1px solid #aa6bff;box-shadow:inset 0 0 18px #7043be55;background:#201a36;color:#bb8bff;font-size:32px}
.mm-page .mm-participants>div{border:1px solid #3a405a;border-radius:12px;padding:20px;min-width:0}
.mm-page .mm-label{font-size:14px;color:white;margin-bottom:14px}
.mm-page .mm-input{height:49px;border-color:#748abf;background:#161c30}
.mm-participant-help{font-size:12px;color:#aebddd;margin:10px 0 0;line-height:1.45}
.mm-page .mm-wizard-actions{padding-top:8px;border:0;margin-top:14px}
.mm-page .mm-wizard-actions .btn-main{flex:1;background:linear-gradient(110deg,#9056ff,#5540e6);border:1px solid #a68bff;height:56px;border-radius:12px;font-size:15px;box-shadow:0 3px 20px #8c50ff22}
.mm-page .quote-card{padding:20px 18px;border-color:#655be5;position:static}
.mm-summary-row{display:grid;grid-template-columns:1fr 1.8fr;gap:14px;padding:10px 0;border-bottom:1px solid #30364d;color:#adbedf;font-size:12px}
.mm-summary-row strong{color:#eef0ff;font-size:13px;align-self:center}
.mm-summary-row>div{display:grid;gap:7px}
.mm-summary-row span{display:flex;justify-content:space-between;gap:8px}
.mm-summary-row b{font-weight:500;overflow-wrap:anywhere;max-width:65%;text-align:right}
.mm-page .quote-card>.qline{font-size:13px;padding:10px 0}
.mm-page .quote-card>.btn-ghost{margin-top:12px}
@media(min-width:1700px){.premium-page .content-grid,.mm-page .content-grid{transform:translateX(20px)}}
@media(max-width:1150px){
.premium-page .premium-layout{grid-template-columns:1fr 1fr}.premium-page .premium-main{grid-column:1/-1}.premium-page .premium-side{grid-column:1/-1}
.mm-page .mm-grid{grid-template-columns:minmax(0,1fr) 310px}.mm-page .mm-participants{gap:32px}.mm-page .mm-participants:after{display:none}.mm-page .mm-participants>div{padding:14px}
.rec-list-page .rec-card{padding:18px}.rec-list-page .rec-card__head{padding-left:0;padding-top:64px}.rec-list-page .rec-card__pitch{padding-left:0}.rec-list-page .rec-hero__annotation{display:none}
.mm-page .mm-hero__badge{gap:6px;padding:8px}.mm-page .mm-hero__shield{width:76px;height:84px}
}
@media(max-width:900px){
.premium-page .content-grid,.mm-page .content-grid{width:calc(100% - 32px);transform:none}
.mm-page .mm-grid{grid-template-columns:1fr}.mm-page .mm-hero{padding:22px;height:auto;min-height:180px;background-position:70% center}.mm-page .mm-hero__copy{max-width:100%}.mm-page .mm-hero__badges{flex-wrap:wrap}.mm-page .mm-hero__shield{display:none}
.rec-list-page .rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rec-list-page .rec-benefit{gap:10px;padding:0 10px}.rec-list-page .rec-benefit__ico{display:none}
.premium-page .premium-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-page .premium-benefit{padding:10px;gap:8px}.premium-page .premium-benefit__ico{display:none}
}
@media(max-width:600px){
.premium-page .content-grid,.mm-page .content-grid{width:calc(100% - 24px);padding-top:12px!important}
.premium-page .premium-hero{height:auto;min-height:240px;padding:24px;background-image:linear-gradient(90deg,#0b102bef,#0b102bbd),url('../../img/landing/premium-reference-v1.png');background-position:center;background-size:cover}
.premium-page .premium-hero__title{font-size:27px}.premium-page .premium-hero__subtitle{font-size:14px}.premium-page .premium-hero__badges{gap:7px}.premium-page .premium-hero__badge{font-size:11px;padding:7px 9px}
.premium-page .premium-benefits{grid-template-columns:1fr;gap:8px}.premium-page .premium-benefit{min-height:60px;padding:10px 14px}.premium-page .premium-benefit__ico{display:flex}.premium-page .premium-layout,.premium-page #premiumPlans{grid-template-columns:1fr}.premium-page .premium-card{min-height:0}.premium-page .premium-card-price-current{font-size:38px}.premium-page .premium-consent-toggle{font-size:12px}
.rec-list-page .rec-hero{height:auto;min-height:230px;padding:24px;background-image:linear-gradient(90deg,#0b102bed,#0b102b88),url('../../img/landing/recruitment-reference-v1.png');background-position:60% center}
.rec-list-page .rec-hero__copy{max-width:100%}.rec-list-page .rec-hero__title{font-size:29px}.rec-list-page .rec-hero__lead{font-size:15px}.rec-list-page .rec-benefits{grid-template-columns:1fr;gap:16px;padding:16px}.rec-list-page .rec-benefit+.rec-benefit{border:0;padding-top:12px;border-top:1px solid #2a3041}.rec-list-page .rec-benefit__ico{display:grid}.rec-list-page .rec-grid{grid-template-columns:1fr}.rec-list-page .rec-card__head{padding:0 0 0 78px;min-height:62px}.rec-list-page .rec-card__pitch{min-height:0}.rec-list-tabs{gap:8px}.rec-list-tabs a{padding:8px 13px;font-size:12px;flex:1;justify-content:center}
.mm-page .mm-hero{background-image:linear-gradient(90deg,#10152dee,#10152d88),url('../../img/landing/middleman-reference-v1.png')}.mm-page .mm-hero__title{font-size:30px}.mm-page .mm-hero__subtitle{font-size:15px}.mm-page .mm-hero__badges{gap:6px}.mm-page .mm-hero__badge{font-size:11px}.mm-page .mm-hero__badge small{font-size:10px}.mm-page .mm-hero__badge b{font-size:20px}
.mm-page .mm-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.mm-page .mm-wizard-step{gap:10px}.mm-page .mm-wizard-step:after{display:none}.mm-page .mm-wizard-step__number{width:36px;height:36px;font-size:18px}.mm-page .mm-wizard-step__title{font-size:13px}.mm-page .mm-wizard-step__text{font-size:10px}.mm-page .mm-card{padding:18px}.mm-page .mm-step-context{padding-left:60px}.mm-page .mm-step-context:before{width:48px;height:50px;font-size:28px}.mm-page .mm-step-context strong{font-size:23px}.mm-page .mm-step-context span{font-size:13px}.mm-page .mm-participants{grid-template-columns:1fr;gap:14px}.mm-page .mm-wizard-actions{flex-direction:column}.mm-page .mm-wizard-actions .btn-main{flex:auto;width:100%;min-width:0}.mm-summary-row{grid-template-columns:1fr 1.6fr}
}

/* Preserve the entire crown artwork within the shallow desktop banner. */
@media(min-width:601px){
.premium-page .premium-hero{background-image:linear-gradient(100deg,#0b122d,#131b50);isolation:isolate}
.premium-page .premium-hero:before,.premium-page .premium-hero:after{content:'';position:absolute;top:0;bottom:0;width:24%;background-image:url('../../img/landing/premium-reference-v1.png');background-size:auto 100%;background-repeat:no-repeat;z-index:-1}
.premium-page .premium-hero:before{left:0;background-position:left center}
.premium-page .premium-hero:after{right:0;background-position:right center;opacity:.6}
.rec-list-page .rec-hero{background-size:auto 360px;background-position:right 30%}
.mm-page .mm-hero{background-size:auto 300px;background-position:right 35%}
}
.premium-page .premium-layout:has(#premiumPlans.is-single){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.premium-page .premium-layout:has(#premiumPlans.is-single) .premium-main{grid-column:1}
.premium-page .premium-layout:has(#premiumPlans.is-single) .premium-side{grid-column:2}
.premium-page #premiumPlans.is-single{grid-template-columns:1fr}
@media(max-width:700px){.premium-page .premium-layout:has(#premiumPlans.is-single){grid-template-columns:1fr}.premium-page .premium-layout:has(#premiumPlans.is-single) .premium-side{grid-column:1}}

.mm-page .mm-summary-total{font-size:18px!important}.mm-summary-total .v{color:#a575ff;font-size:20px}.mm-payment-note{padding:10px 13px;background:#192b50;border:1px solid #4386f5;border-radius:10px;color:#cadaf7;font-size:12px;line-height:1.5}.rec-card__icon svg{width:36px;height:36px}

:is(.premium-page,.mm-page,.rec-list-page) .content-grid :is(p,li,label,input,select,small,.premium-summary,.premium-card-billed,.premium-hero__badge,.mm-hero__badge,.mm-step-context span,.mm-summary-row,.rec-card__campaign,.rec-card__pitch){font-family:Arial,sans-serif}
.mm-page .mm-step-context:before{content:'♧';font-family:Arial,sans-serif}
.rec-list-page .rec-hero__annotation{font-family:Arial,sans-serif;font-size:19px}
/* Recruitment: job detail, application, review and candidate tracking. */
.rec-flow-page{background:#0b101b;color:#edf0fc}
.rec-flow-page .content-grid>.section-banner,.rec-flow-page .content-grid>.section-header{display:none}
.rec-flow-page .rec-shell{max-width:none;padding:0;--rec-accent:#8858ff;--rec-muted:#aebad4}
.rec-flow-page .rec-breadcrumb{margin:0 0 16px;padding:10px 0;font-size:13px;gap:12px;flex-wrap:wrap;line-height:1.5}
.rec-flow-page .rec-breadcrumb a{color:#c49aff}
.rec-flow-page :is(.rec-detail__hero,.rec-apply__head,.rec-shell--mine>.rec-hero){position:relative;display:block;min-height:210px;padding:30px 40px;margin:0 0 20px;border:1px solid #7850e8;border-radius:15px;background:linear-gradient(90deg,#0f1430 0%,#101631ee 42%,#10163122 100%),url('../../img/landing/recruitment-reference-v1.png') right 30%/auto 380px no-repeat;overflow:hidden}
.rec-flow-page .rec-detail__copy{max-width:75%}
.rec-flow-page :is(.rec-detail__title,.rec-apply__title,.rec-shell--mine .rec-hero__title){font-size:clamp(28px,2.6vw,40px);color:white;line-height:1.15;margin:12px 0}
.rec-flow-page :is(.rec-detail__campaign,.rec-apply__campaign){font-size:16px;color:#cfb7f8;margin:8px 0;line-height:1.5}
.rec-flow-page :is(.rec-detail__pitch,.rec-hero__lead){max-width:760px;font-size:15px;line-height:1.6;color:#c0cbe2}
.rec-flow-page .rec-apply__reference{display:inline-flex;border:1px solid #7860a966;border-radius:9px;padding:8px 12px;margin:12px 0 0;background:#101527ba;color:#c1cbe3}
.rec-flow-page .rec-detail__chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rec-flow-page .rec-detail__chips .rec-hero__chip{position:static;transform:none;font-size:11px;padding:5px 10px;border-radius:6px;background:#5e3b9122;color:#cdb3ff;box-shadow:none}
.rec-flow-page .rec-detail__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.rec-flow-page .rec-detail__badge{border-radius:8px;padding:7px 12px;background:#141d32d9;border:1px solid #343e57;color:#d0dcf5;font-size:12px}
.rec-flow-page .rec-detail__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px;align-items:start}
.rec-flow-page .rec-detail__main,.rec-flow-page .rec-detail__aside{display:grid;gap:18px;min-width:0}
.rec-flow-page .rec-detail__aside{position:sticky;top:96px}
.rec-flow-page :is(.rec-block,.rec-panel,.rec-section,.rec-review,.rec-application,.rec-empty){border:1px solid #2c354b;border-radius:14px;background:linear-gradient(135deg,#151c2e,#101623);padding:24px;box-shadow:none}
.rec-flow-page :is(.rec-block__title,.rec-panel__title,.rec-section__title){font-size:23px;color:#f1edff;margin:0 0 18px;line-height:1.25}
.rec-flow-page :is(.rec-block__body,.rec-list,.rec-note){font-size:14px;line-height:1.75;color:#b9c5dc;overflow-wrap:anywhere}
.rec-flow-page .rec-list{padding-left:20px}.rec-flow-page .rec-list li{margin:8px 0}.rec-flow-page .rec-list li::marker{color:var(--rec-accent)}
.rec-flow-page .rec-panel__facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rec-flow-page .rec-panel__facts dd{font-size:15px;color:white;margin-top:6px}
.rec-flow-page .rec-panel--apply{border-color:#7050c4;background:linear-gradient(140deg,#221b3e,#101725)}
.rec-flow-page .rec-btn{min-height:44px;border-radius:10px;padding:11px 18px;font-size:13px;line-height:1.5;white-space:normal;text-align:center}
.rec-flow-page .rec-btn--primary{background:linear-gradient(115deg,#8e58ff,#5942f4);border-color:#9772fb;color:white;box-shadow:0 5px 20px #7a49ed22}
.rec-flow-page .rec-btn--ghost{background:#171e2f;border-color:#3a455e;color:#c8d4ea}
.rec-flow-page .rec-panel--apply .rec-btn{width:100%;margin-top:12px}
.rec-journey{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:0}
.rec-journey li{display:flex;align-items:center;gap:12px;padding:14px;background:#111827;border:1px solid #2a344c;border-radius:11px;color:#9eabc7;font-size:14px;font-weight:700}
.rec-journey li span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #48516d;border-radius:50%}
.rec-journey .is-current{border-color:#9b6cfa;background:#241b3f;color:#e3cbff}.rec-journey .is-current span{background:#8250f0;border-color:#b28aff;color:white}
.rec-journey .is-complete{color:#7be6aa;border-color:#327b58}
.rec-flow-page .rec-progress{padding:18px 22px;margin:0 0 20px;border:1px solid #303954;background:#121a2b;border-radius:12px}
.rec-flow-page .rec-progress__copy{gap:12px;flex-wrap:wrap;color:#d8c9ff;margin-bottom:12px}
.rec-flow-page .rec-progress__bar{height:8px;background:#252e46;border-radius:10px;overflow:hidden}
.rec-flow-page .rec-progress__fill{background:linear-gradient(90deg,#6145f5,#b37af8)}
.rec-flow-page .rec-form{display:grid;gap:18px;max-width:100%}
.rec-flow-page .rec-section{margin:0}.rec-flow-page .rec-field{padding-top:16px;margin:0 0 20px;border-top:1px solid #283149}.rec-flow-page .rec-field:last-child{margin-bottom:0}
.rec-flow-page .rec-field__label{font-size:15px;color:#f0ecfc;font-weight:700;line-height:1.5}
.rec-flow-page :is(.rec-field__description,.rec-field__hint,.rec-field__counter){color:#a5b3cf;font-size:13px;line-height:1.6}
.rec-flow-page :is(.rec-input,.rec-select,.rec-textarea,.rec-thread__form textarea){max-width:100%;min-height:46px;background:#0e1525;color:#e4edff;border:1px solid #485578;border-radius:10px;padding:12px 14px;box-shadow:none;font-size:14px}
.rec-flow-page textarea.rec-input,.rec-flow-page textarea.rec-textarea{min-height:140px;resize:vertical}
.rec-flow-page :is(input,textarea,select):focus-visible{outline:2px solid #b187ff;outline-offset:2px;border-color:#a576f4}
.rec-flow-page .rec-options{gap:10px;flex-wrap:wrap}.rec-flow-page .rec-option{background:#141c2d;border-color:#35415b;border-radius:9px;padding:12px;color:#d5def2}
.rec-flow-page .rec-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:18px 0;margin:0;border-top:1px solid #30374b}
.rec-flow-page .rec-form__legal{font-size:12px;color:#aab8d2;line-height:1.6;margin:0}
.rec-flow-page .rec-review__row{padding:18px 0;border-bottom:1px solid #30384e}.rec-flow-page .rec-review__row dt{color:#caaeff;font-size:14px;margin-bottom:9px}.rec-flow-page .rec-review__row dd{color:#dde6f7;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.rec-flow-page .rec-applications{display:grid;gap:20px}.rec-flow-page .rec-application{border-left:3px solid #9565f8}
.rec-flow-page .rec-application__head{padding-bottom:16px;border-bottom:1px solid #2e3750;gap:16px}.rec-flow-page .rec-application__title{font-size:24px;color:white}.rec-flow-page .rec-application__campaign{color:#aab7d2;font-size:13px;margin-top:6px}
.rec-flow-page .rec-application__facts{gap:28px;padding:18px 0}.rec-flow-page .rec-application__facts dd{color:#e7eeff;margin-top:6px}
.rec-flow-page .rec-application__foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid #2c354c}
.rec-flow-page .rec-thread{border:1px solid #3f3765;border-radius:12px;background:#15172b;padding:0 18px;margin-top:18px}.rec-flow-page .rec-thread__summary{color:#d3bcff;padding:16px 0;font-size:15px}.rec-flow-page .rec-thread__msg{background:#1b2438;border-radius:10px;padding:15px}.rec-flow-page .rec-thread__msg--self{background:#26203f;border-left:2px solid #9b70ef}.rec-flow-page .rec-thread__body{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.rec-flow-page .rec-empty{padding:40px;text-align:center;max-width:850px;margin:24px auto}.rec-flow-page .rec-empty__title{font-size:26px;color:#fff}.rec-flow-page .rec-empty__text{font-size:15px;line-height:1.7;color:#aebdd8}.rec-flow-page .rec-empty__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.rec-flow-page .rec-flash,.rec-flow-page .rec-alert{border-radius:12px;padding:18px;line-height:1.6}
.rec-flow-page .content-grid :is(p,li,label,input,select,textarea,dt,dd,small,.rec-block__body,.rec-progress__copy){font-family:Arial,sans-serif}
@media(max-width:1000px){.rec-flow-page .rec-detail__layout{grid-template-columns:1fr}.rec-flow-page .rec-detail__aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.rec-flow-page .rec-detail__copy{max-width:90%}}
@media(max-width:600px){
.rec-flow-page .rec-detail__aside{grid-template-columns:1fr}
.rec-flow-page :is(.rec-detail__hero,.rec-apply__head,.rec-shell--mine>.rec-hero){padding:24px;min-height:200px;background-image:linear-gradient(90deg,#0f1430f5,#101631ba),url('../../img/landing/recruitment-reference-v1.png');background-position:center,right center}
.rec-flow-page .rec-detail__copy{max-width:100%}.rec-flow-page :is(.rec-detail__title,.rec-apply__title,.rec-shell--mine .rec-hero__title){font-size:29px}
.rec-flow-page :is(.rec-block,.rec-panel,.rec-section,.rec-review,.rec-application){padding:18px}.rec-flow-page .rec-empty{padding:26px 18px}
.rec-journey{gap:7px}.rec-journey li{flex-direction:column;gap:8px;padding:10px 6px;font-size:11px;text-align:center}.rec-journey li span{width:28px;height:28px}
.rec-flow-page .rec-actions .rec-btn,.rec-flow-page .rec-application__foot>.rec-btn{flex:1 1 100%;width:100%}.rec-flow-page .rec-thread{padding:0 12px}.rec-flow-page .rec-thread__form{flex-direction:column}.rec-flow-page .rec-application__head{flex-wrap:wrap}.rec-flow-page .rec-application__facts{gap:18px}
}