/* Sales Dynamics for Staffing | Stevens Academy | zelfstandig uploadpakket */
:root{--navy:#0e1022;--navy2:#151a32;--aqua:#239fbe;--aqua-light:#54c7df;--ink:#101629;--body:#485469;--muted:#8995a5;--paper:#fff;--soft:#f5f7f9;--line:#e2e7ee;--page:min(1220px,calc(100% - 96px));}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:94px}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Inter Display",Arial,sans-serif;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}button{font:inherit}p{margin:0;line-height:1.73}h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.045em}h1{font-weight:850}h2{font-weight:820}h3{font-weight:780}
    .shell{width:var(--page);margin-inline:auto}.muted{color:var(--body)}
    .eyebrow{display:flex;align-items:center;gap:13px;color:var(--aqua);font-size:11px;line-height:1.5;font-weight:790;letter-spacing:.22em;text-transform:uppercase}
    .eyebrow::before{content:"";width:29px;height:1px;background:currentColor;flex:0 0 auto}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:16px 22px;border:1px solid transparent;border-radius:2px;background:var(--aqua);color:#fff;font-size:12px;font-weight:790;letter-spacing:.055em;text-transform:uppercase;transition:background .2s ease,transform .2s ease, border-color .2s ease;cursor:pointer}
    .btn:hover{background:#1785a4;transform:translateY(-2px)}.btn:focus-visible,.textlink:focus-visible,.sharebtn:focus-visible{outline:3px solid var(--aqua-light);outline-offset:3px}
    .btn svg,.textlink svg{width:17px;height:17px;flex:0 0 auto}.textlink{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:650;transition:gap .2s}.textlink:hover{gap:18px}
    .smallnote{font-size:12px;color:var(--muted)}

    /* Header and hero */
    .dark{color:#fff;background:var(--navy)}
    .site-header{position:relative;z-index:5;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.09)}
    .header-inner{width:var(--page);height:90px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{display:inline-flex;align-items:flex-start;gap:8px;color:#fff;white-space:nowrap}
    .logo-name{font-size:20px;line-height:1;font-weight:870;letter-spacing:.095em}
    .logo-name span{font-weight:340;letter-spacing:.075em}.logo-dot{height:11px;width:11px;margin-top:3px;background:var(--aqua);border-radius:100%}
    .logo-under{display:block;color:#939aaa;font-size:8px;letter-spacing:.26em;margin-top:9px;font-weight:600}
    .nav{display:flex;align-items:center;gap:36px}.nav a:not(.nav-cta){font-size:11px;letter-spacing:.09em;color:#c7cbd8;font-weight:730;text-transform:uppercase}.nav a:hover{color:var(--aqua-light)}
    .nav-cta{padding:13px 17px;border:1px solid rgba(255,255,255,.28);font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:760;white-space:nowrap}
    .nav-cta:hover{border-color:var(--aqua-light);color:var(--aqua-light)}
    .mobile-nav{display:none}.mobile-nav summary{list-style:none;cursor:pointer;font-size:13px;font-weight:750}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:89px;left:0;right:0;padding:20px 7%;display:flex;flex-direction:column;gap:16px;background:#151a32;border-bottom:1px solid #2c3347}.mobile-nav nav a{font-size:14px}
    .hero{position:relative;overflow:hidden;padding:111px 0 0;isolation:isolate}
    .hero:after{position:absolute;content:"";pointer-events:none;z-index:-1;right:-250px;top:4px;width:760px;height:760px;background:radial-gradient(circle,rgba(39,158,190,.13),transparent 62%)}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(330px,.76fr);align-items:center;gap:64px;padding-bottom:120px}
    .hero .eyebrow{margin-bottom:31px}
    .hero h1{font-size:clamp(42px,4.55vw,74px);max-width:780px;line-height:1.09;letter-spacing:-.056em}
    .hero h1 strong{display:block;color:#47bad5;font-weight:inherit}
    .hero-desc{margin-top:34px;color:#c7ccd9;max-width:610px;font-size:17px;line-height:1.76}
    .hero-actions{display:flex;align-items:center;gap:31px;flex-wrap:wrap;margin-top:36px}
    .hero-actions .textlink{color:#fff}.hero-actions .btn{padding-left:25px;padding-right:24px}
    .hero-visual{align-self:center;position:relative;min-height:530px;display:flex;justify-content:center;align-items:center}
    .visual-orbit{position:absolute;left:50%;top:50%;width:410px;height:410px;transform:translate(-50%,-50%);border:1px solid rgba(76,180,206,.16);border-radius:50%}
    .visual-orbit:before,.visual-orbit:after{position:absolute;content:"";border:1px solid rgba(76,180,206,.1);border-radius:50%;inset:34px}.visual-orbit:after{inset:83px}
    .visual-line{position:absolute;left:50%;height:80%;top:10%;border-left:1px dashed rgba(62,192,213,.4)}
    .bridge{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:28px;z-index:1}
    .bridge-card{width:100%;background:rgba(24,29,52,.96);border:1px solid #3a445e;padding:21px 26px;box-shadow:0 20px 70px #0003}
    .bridge-card:nth-child(3){margin-left:42px}.bridge-card:nth-child(1){margin-right:48px}
    .bridge-card .tag{display:block;color:#63c9e2;font-size:10px;letter-spacing:.19em;font-weight:790;margin-bottom:12px}
    .bridge-card strong{font-size:17px;font-weight:750;letter-spacing:-.02em;display:block}.bridge-card small{font-size:12px;color:#aeb9ca;margin-top:9px;display:block;line-height:1.5}
    .bridge-center{background:#2aa2c0;color:white;padding:16px 19px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:820;text-align:center;box-shadow:0 9px 30px #0005}
    .hero-bottom{border-top:1px solid rgba(255,255,255,.13)}.hero-tags{display:flex;justify-content:space-between;gap:30px;min-height:85px;align-items:center;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
    .hero-tags div{display:flex;gap:12px;align-items:center;color:#c4c9d7;text-transform:uppercase;font-size:10px;letter-spacing:.135em;font-weight:700}.hero-tags span{font-size:10px;color:#41b6d4;font-weight:800}

    /* Story and editorial */
    .section{padding:124px 0}.section h2{font-size:clamp(34px,3.65vw,53px)}
    .story-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:115px;align-items:start}
    .story-left{position:relative}.story-left .eyebrow{margin-bottom:30px}
    .big-quote{font-size:clamp(40px,4.6vw,67px);font-weight:810;line-height:1.12;letter-spacing:-.05em}
    .big-quote span{color:var(--aqua)}
    .story-line{width:65px;height:3px;background:var(--aqua);margin-top:38px}
    .story-right{padding-top:44px}.story-right p{font-size:16px;color:var(--body);margin-bottom:20px}.story-right p:first-child{color:var(--ink);font-weight:590;font-size:18px;line-height:1.7}
    .side-note{border-left:2px solid var(--aqua);padding:16px 0 16px 26px;color:#526079;font-size:14px;line-height:1.7;margin-top:30px;background:linear-gradient(90deg,#eaf6f9,transparent)}

    /* Method */
    .method{background:#f4f7f9}.section-title-row{display:grid;grid-template-columns:1.08fr .92fr;gap:95px;align-items:end;margin-bottom:48px}
    .section-title-row .eyebrow{margin-bottom:27px}.section-title-row p{color:var(--body);font-size:16px;padding-bottom:3px}
    .method-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .method-card{background:#fff;padding:37px 38px 40px;border:1px solid #e2e8ee;min-height:435px;display:flex;flex-direction:column}
    .method-no{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--aqua)}
    .method-card h3{font-size:28px;letter-spacing:-.045em;margin:20px 0 15px}
    .method-card p{font-size:14px;line-height:1.75;color:var(--body);max-width:470px}
    .quadrants{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:30px}
    .quad{min-height:58px;border:1px solid #dbe4e9;background:#f7f9fa;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750}
    .quad span{font-size:10px;color:var(--aqua)}
    .doe{display:flex;gap:7px;margin-top:auto;padding-top:30px}.doe div{flex:1;padding:19px 7px 20px;text-align:center;background:#e9f5f9;border-bottom:3px solid var(--aqua);color:#152238;font-size:12px;font-weight:700;min-width:0}
    .method-foot{margin-top:28px;padding:24px 30px;border-top:1px solid #dbe3e9;display:flex;gap:20px;align-items:baseline}.method-foot strong{font-size:15px;white-space:nowrap}.method-foot span{font-size:14px;color:var(--body);line-height:1.65}

    /* Recruitment */
    .recruitment{background:var(--navy);color:#fff;position:relative;overflow:hidden}.recruitment:before{content:"";position:absolute;left:-10%;top:0;width:60%;height:100%;background:radial-gradient(circle at 10% 55%,rgba(38,158,190,.16),transparent 60%);pointer-events:none}
    .recruit-head{max-width:1000px;margin-bottom:56px;position:relative}.recruit-head .eyebrow{margin-bottom:30px}.recruit-head h2{max-width:840px}.recruit-head p{font-size:16px;max-width:720px;color:#bdc6d2;margin-top:26px}
    .examples{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .example{border:1px solid #303951;background:#151a30;padding:35px;min-height:380px;display:flex;flex-direction:column;transition:border-color .2s ease}.example:hover{border-color:#329eb9}
    .ex-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid #303951;margin-bottom:40px}
    .example .ex-icon{display:grid;place-items:center;height:51px;width:51px;border:1px solid rgba(77,192,218,.47);border-radius:50%;color:#64bfd7;font-size:21px;font-weight:450}
    .ex-label{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#6ecbe4;font-weight:750}
    .example h3{font-size:29px;letter-spacing:-.035em;margin-bottom:17px}.example p{font-size:15px;color:#bdc6d2;line-height:1.75}
    .recruit-conclusion{display:flex;align-items:flex-start;gap:23px;margin-top:32px;border-left:3px solid var(--aqua);padding:6px 0 6px 24px;font-size:15px;color:#d6dce5;max-width:900px;line-height:1.75}

    /* Program */
    .program .eyebrow{margin-bottom:27px}.program h2{max-width:960px}.program-intro{max-width:650px;color:var(--body);font-size:16px;margin-top:24px;margin-bottom:50px}
    .course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.course{border:1px solid #dfe6ed;padding:36px 39px 42px;min-height:363px;display:flex;flex-direction:column;position:relative;overflow:hidden}
    .course:before{content:"";position:absolute;top:0;right:0;height:5px;width:35%;background:var(--aqua)}
    .course-number{color:#b6c0cd;font-size:43px;font-weight:770;letter-spacing:-.06em}.course h3{font-size:29px;letter-spacing:-.04em;margin:32px 0 18px;max-width:435px}
    .course p{color:var(--body);font-size:15px;line-height:1.8}.course .course-for{font-size:11px;letter-spacing:.16em;color:var(--aqua);font-weight:800;text-transform:uppercase;margin-bottom:3px}
    .manager-strip{margin-top:22px;background:#edf5f8;display:grid;grid-template-columns:1fr 2.1fr;gap:65px;padding:31px 38px 33px;border-left:4px solid var(--aqua)}
    .manager-strip h3{font-size:20px;letter-spacing:-.025em}.manager-strip p{font-size:14px;color:#526071;line-height:1.75}
    .incompany{display:flex;align-items:flex-start;gap:18px;margin-top:32px}.incompany .tick{color:var(--aqua);font-size:21px}.incompany strong{display:block;font-size:15px;margin:0 0 6px}.incompany p{font-size:14px;color:var(--body)}

    /* Value */
    .value{background:#f4f7f9}.value .eyebrow{margin-bottom:25px}.value h2{max-width:820px}
    .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:55px}
    .value-item{padding:27px 20px 0 0;border-top:2px solid #cdd9e2}.value-item:nth-child(1){border-top-color:var(--aqua)}
    .value-item .value-index{font-size:12px;color:var(--aqua);font-weight:790;letter-spacing:.18em}
    .value-item h3{margin:28px 0 16px;font-size:24px;line-height:1.25;letter-spacing:-.036em}.value-item p{color:var(--body);font-size:14px}
    .value-bottom{font-size:17px;font-weight:580;max-width:930px;margin-top:47px;line-height:1.7}

    /* Share */
    .share{padding:89px 0 93px;background:#eaf5f8}.share-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.share .eyebrow{margin-bottom:26px}.share h2{font-size:40px}.share .share-copy{color:#4e6172;font-size:15px;margin-top:22px}
    .share-questions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.share-q{background:#fff;padding:28px;min-height:197px}.share-q span{font-size:11px;letter-spacing:.17em;color:var(--aqua);font-weight:830;text-transform:uppercase}
    .share-q p{color:#25354d;font-size:15px;font-weight:620;line-height:1.6;margin-top:23px}
    .sharebtn{border:0;background:none;color:#0d6076;display:inline-flex;gap:11px;align-items:center;font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:820;cursor:pointer;margin-top:27px;padding:0}.sharebtn:hover{color:#1889a5}
    #share-feedback{min-height:18px;display:block;font-size:12px;margin-top:13px;color:#286c7a}

    /* Closing */
    .closing{padding:114px 0 95px;background:var(--navy);color:white}.closing-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:115px;align-items:center}
    .closing .eyebrow{margin-bottom:25px}.closing h2{font-size:clamp(40px,4vw,55px);max-width:660px}.closing-copy{color:#c4cad5;font-size:17px;margin-top:30px;margin-bottom:34px}
    .closing-contact{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.closing-contact .smallnote{color:#9aa9bd}.closing-contact .smallnote a{text-decoration:underline;text-underline-offset:3px;color:#dbe5eb}
    .author-card{position:relative;border:1px solid #303952;background:linear-gradient(128deg,#1a203b,#11162a);padding:42px;overflow:hidden;min-height:410px;display:flex;flex-direction:column;justify-content:flex-end}
    .author-card:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(56,174,204,.16);border-radius:50%;top:-116px;right:-97px}
    .author-card:after{content:"";position:absolute;width:200px;height:200px;border:1px solid rgba(56,174,204,.16);border-radius:50%;top:-56px;right:-40px}
    .avatar{width:100px;height:100px;background:#2a9ebc;display:grid;place-items:center;color:#fff;font-size:37px;font-weight:830;letter-spacing:-.08em;border-radius:50%;margin-bottom:35px}
    .author-card blockquote{margin:0 0 34px;color:#dce3ec;font-size:19px;line-height:1.6;letter-spacing:-.015em;position:relative}
    .author-footer{border-top:1px solid #384058;padding-top:20px}.author-footer strong{display:block;font-size:16px}.author-footer span{display:block;color:#82bcd0;font-size:11px;letter-spacing:.14em;margin-top:7px;text-transform:uppercase}
    .footer{background:var(--navy);color:#a3acbe;border-top:1px solid #2c344b;padding:27px 0 33px}
    .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.04em}
    .footer .logo-name{font-size:14px;color:#fff}.footer .logo-dot{width:8px;height:8px;margin-top:2px}.footer .logo-under{display:none}
    .footerlinks{display:flex;gap:25px}.footerlinks a:hover{color:var(--aqua-light)}
    @media(max-width:1080px){:root{--page:min(1100px,calc(100% - 64px))}.nav{gap:19px}.hero-grid{gap:20px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:clamp(43px,5vw,63px)}.story-grid,.closing-grid{gap:70px}.share-grid{gap:55px}.bridge-card:nth-child(3){margin-left:0}.bridge-card:nth-child(1){margin-right:0}}
    @media(max-width:760px){:root{--page:calc(100% - 42px)}.header-inner{height:76px}.site-header .nav{display:none}.mobile-nav{display:block}.mobile-nav nav{top:75px}.logo-name{font-size:17px}.logo-under{font-size:7px}.hero{padding-top:74px}.hero-grid{grid-template-columns:1fr;gap:25px;padding-bottom:60px}.hero h1{font-size:clamp(41px,8vw,64px)}.hero-desc{font-size:15px;margin-top:28px}.hero-actions{gap:22px}.hero-visual{min-height:350px}.visual-orbit{width:320px;height:320px}.bridge{max-width:280px;gap:12px}.bridge-card{padding:16px 20px}.bridge-card strong{font-size:14px}.bridge-card small{font-size:11px}.bridge-center{font-size:10px}.hero-tags{gap:12px;justify-content:flex-start}.hero-tags div{font-size:9px}.hero-tags div+div:before{content:"/";color:#326076;margin-right:11px}.section{padding:83px 0}.story-grid,.section-title-row,.closing-grid,.share-grid{grid-template-columns:1fr;gap:25px}.story-right{padding-top:0}.big-quote{font-size:clamp(43px,8vw,66px)}.story-right p{font-size:15px}.story-right p:first-child{font-size:16px}.section-title-row{margin-bottom:31px}.section-title-row p{font-size:15px}.method-grid,.examples,.course-grid,.value-grid{grid-template-columns:1fr}.method-card{min-height:350px;padding:28px}.method-foot{flex-direction:column;gap:6px;padding:18px 5px}.example{min-height:310px;padding:27px}.recruit-head{margin-bottom:34px}.recruit-head p{font-size:15px}.course{min-height:320px;padding:29px}.course h3{margin:22px 0 17px;font-size:26px}.manager-strip{grid-template-columns:1fr;gap:13px;padding:26px}.value-grid{gap:23px;margin-top:35px}.value-item{padding-top:20px}.value-item h3{margin:14px 0}.value-bottom{font-size:15px;margin-top:28px}.share{padding:72px 0}.share h2{font-size:36px}.share-questions{grid-template-columns:1fr}.share-q{min-height:auto;padding:25px}.share-q p{margin-top:13px}.closing{padding:80px 0}.closing h2{font-size:clamp(37px,8vw,54px)}.closing-copy{font-size:15px}.author-card{padding:28px;min-height:340px}.author-card blockquote{font-size:17px}.footer-inner{flex-direction:column;align-items:start}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}