/*
Theme Name: Visibel
Description: Multilingual recruitment marketing theme with editable WordPress blocks and Visibel CRM trial integration.
Version: 1.0.0
Author: Visibel
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: visibel-theme
*/
:root{--ink:#17192e;--muted:#666778;--pink:#ad298e;--line:#e5e5ec;--soft:#f8f8fc;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:white;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;line-height:1.12;letter-spacing:-.045em;margin:0 0 24px;font-weight:750}h1{font-size:clamp(44px,4.9vw,72px);max-width:790px}h1 em{font-style:normal;color:var(--pink)}h2{font-size:clamp(34px,3.8vw,52px);max-width:860px}h3{font-size:24px;letter-spacing:-.025em}p{margin:0 0 22px}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:4px}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.site-header{background:#ffffffed;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;border-bottom:1px solid #efeff4}.admin-bar .site-header{top:32px}.header-inner{min-height:90px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;flex-shrink:0;align-items:center}.brand img{width:148px;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:13px;font-weight:600}.site-header nav a{text-decoration:none;white-space:nowrap}.site-header nav a:hover{color:var(--pink)}.languages{display:flex;gap:8px;font-size:11px}.languages a{text-decoration:none;opacity:.6;padding:6px 0}.languages a[aria-current]{opacity:1;border-bottom:2px solid var(--pink);color:var(--pink);font-weight:700}.pill,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:999px;padding:16px 26px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;transition:transform .2s,background .2s;cursor:pointer}.pill:hover,.wp-block-button__link:hover{background:#333650;color:white;transform:translateY(-2px)}.site-header .pill{padding:12px 18px;color:white}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.is-style-outline>.wp-block-button__link{background:transparent;border-color:#d1d2dc;color:var(--ink)}.hero{background:radial-gradient(ellipse at 100% 0%,#f5def1 0,transparent 48%),linear-gradient(135deg,#fff,#f7f8fc);padding:88px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:54px}.hero-intro{font-size:18px;color:var(--muted);max-width:640px;line-height:1.8}.badge{font-size:12px;display:inline-block;border:1px solid #eddae8;background:#fff9ff;border-radius:999px;padding:7px 14px;color:var(--pink);font-weight:600;margin-bottom:26px}.badge:before{content:'✧';margin-right:9px}.checks{list-style:none;padding:0;margin:0}.checks li{position:relative;padding:0 0 0 28px;margin:16px 0;color:#545666}.checks li:before{content:'✓';color:var(--pink);position:absolute;left:0;font-weight:bold}.hero .checks{font-size:13px}.hero .checks li{margin:8px 0}.showcase{border:1px solid #e3ddea;background:white;box-shadow:0 28px 70px #27223b14;border-radius:24px;transform:rotate(1deg);overflow:hidden}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:18px 22px}.window-bar>span{font-size:13px;letter-spacing:3px;color:#ba5c96}.window-bar small{font-size:9px;letter-spacing:.1em;color:var(--pink);background:#fceffa;padding:5px 9px;border-radius:30px}.showcase-body{padding:30px 24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin-bottom:20px}.showcase h2{font-size:28px;margin-bottom:8px}.showcase-body>p:not(.eyebrow){font-size:13px;color:var(--muted)}.talent-card{display:flex;align-items:center;gap:14px;padding:21px 14px;border:1px solid var(--line);border-radius:16px;margin-top:14px}.avatar{width:42px;height:46px;border-radius:12px;background:#f8ebf3;display:grid;place-items:center;color:#8c347b;font-size:12px;font-weight:700;flex-shrink:0}.talent-card:nth-of-type(2) .avatar{background:#ececf8;color:#606091}.talent-card strong{font-size:13px}.skills{font-size:10px;color:var(--muted);margin-top:7px}.talent-arrow{margin-left:auto;color:var(--pink)}.showcase-note{background:#f8f7fc;border-radius:14px;padding:16px;margin:22px 0 0!important;font-size:12px!important}.audience-wrap{border-bottom:1px solid var(--line)}.audience{display:flex;justify-content:center;gap:80px;padding-block:28px;color:#777886;font-size:13px;font-weight:600}.audience p{margin:0}.section{padding:100px 0}.section-intro{color:var(--muted);max-width:680px;font-size:17px;line-height:1.85}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.comparison-card{margin-top:30px;border:1px solid var(--line);border-radius:var(--radius);padding:32px}.comparison-card .eyebrow{color:var(--muted)}.comparison-card.positive{border:1.5px solid var(--ink);box-shadow:0 14px 30px #191b3010}.positive .eyebrow{color:var(--ink)}.negative li:before{content:'×';color:#9595a4}.comparison-card li{padding-block:7px;font-size:15px}.workflow{background:var(--ink);color:white}.workflow .eyebrow{color:#d994c7}.workflow .section-intro{color:#b8b9c8}.workflow h2{max-width:820px}.workflow .wp-block-button__link{background:#fff;color:var(--ink);border-color:white}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:65px}.step{padding-top:28px;border-top:1px solid #ffffff30}.step-number{color:#eca8d9;font-size:13px;letter-spacing:.16em;margin-bottom:30px}.step h3{font-size:23px;line-height:1.35}.step>p:last-child{font-size:15px;color:#b8b9c8}.privacy-section{background:#fafafe}.privacy-card,.relationship-card{padding:44px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.relationship-card{background:#f4eef6;border-color:transparent}.privacy-section h2{font-size:34px}.privacy-section .section-intro{font-size:15px;margin-bottom:0}.pricing>.container>.eyebrow,.pricing>.container>h2,.pricing>.container>.section-intro{text-align:center;margin-inline:auto}.plans{max-width:880px;margin:48px auto 0;gap:24px}.plan{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column}.plan h3{margin-bottom:28px}.plan .price{font-size:56px;letter-spacing:-.05em;line-height:1;margin:0;font-weight:700}.plan .period{font-size:13px;color:var(--muted);margin:10px 0 26px}.plan>p:not(.price,.saving,.period){font-size:14px;color:var(--muted)}.plan .checks{font-size:14px;margin-bottom:12px}.plan .wp-block-buttons{margin-top:auto;margin-bottom:0;padding-top:24px}.plan .wp-block-button,.plan .wp-block-button__link{width:100%}.annual{background:var(--ink);color:white;border-color:var(--ink)}.annual>p:not(.price,.saving){color:#c4c4d1!important}.annual .checks li{color:#e5e5ed}.annual .checks li:before{color:#f3b55e}.annual .wp-block-button__link{background:white;color:var(--ink);border-color:white}.saving{position:absolute;top:-16px;left:28px;background:#f2b764;color:#392817;border-radius:30px;padding:6px 15px;font-size:10px;letter-spacing:.06em;font-weight:700}.final-cta{background:radial-gradient(ellipse at 90% 20%,#f4e0f0,transparent 65%),#f8f8fc;text-align:center}.final-cta h2,.final-cta .section-intro{margin-inline:auto}.final-cta .wp-block-buttons{justify-content:center}.terms{font-size:12px;color:var(--muted);margin-bottom:0}.site-footer{display:flex;align-items:center;gap:30px;padding-block:38px;font-size:12px;color:var(--muted)}.site-footer .brand img{width:110px}.site-footer p{margin:0}.site-footer>a:last-child{margin-left:auto;text-decoration:none}.menu-toggle{display:none}.skip-link{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:30}.skip-link:focus{top:10px}.generic-page{padding-block:80px;min-height:50vh}.generic-page h1{font-size:48px}dialog{border:1px solid var(--line);border-radius:24px;padding:38px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);box-shadow:0 40px 100px #14142730}dialog::backdrop{background:#14142790;backdrop-filter:blur(5px)}dialog h2{font-size:32px}dialog>p{font-size:14px;color:var(--muted)}.dialog-close{position:absolute;top:12px;right:16px;border:0;background:transparent;font-size:30px;color:var(--ink)}dialog label{display:block;font-size:13px;font-weight:600;margin-bottom:15px}dialog input{display:block;width:100%;border:1px solid #d9d9e3;border-radius:10px;padding:12px;margin-top:6px;background:#fff;color:var(--ink)}dialog .pill{width:100%}.form-note{font-size:11px;color:var(--muted)}.vf-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#vf-message{font-size:13px;margin-top:16px;margin-bottom:0}button:disabled{opacity:.6;cursor:wait}.v-consent{font-family:inherit;border-radius:18px!important}.v-consent button{border-radius:30px!important}.editor-styles-wrapper .container{width:calc(100% - 48px)}
@media(min-width:1400px){.container{width:min(1240px,calc(100% - 100px))}}
@media(max-width:1150px){.header-inner{flex-wrap:wrap;gap:12px;padding-block:18px}.site-header nav{gap:15px;font-size:12px}.languages{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:50px}.hero-copy{max-width:800px}.showcase{max-width:630px;width:100%;transform:none}.hero h1{font-size:clamp(46px,7vw,72px)}.audience{gap:40px}.three-col{gap:24px}.privacy-card,.relationship-card{padding:32px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:15px;padding-block:14px}.brand img{width:120px}.menu-toggle{display:block;margin-left:auto;background:white;border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:12px}.languages{margin-left:0;gap:9px}.site-header nav{display:none;width:100%;order:4;margin:0;align-items:stretch;padding:12px 0;gap:12px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav a{padding:7px 0}.site-header nav .pill{padding:12px}.hero{padding:54px 0}.hero h1{font-size:clamp(42px,8vw,60px)}.hero-intro{font-size:16px}.section{padding:66px 0}.two-col,.three-col{grid-template-columns:1fr;gap:22px}.comparison-card{margin-top:10px;padding:26px}.audience{gap:20px;flex-wrap:wrap;font-size:11px}.three-col{margin-top:35px}.privacy-section h2{font-size:32px}.plan{padding:30px}.plans{gap:38px}.site-footer{flex-wrap:wrap;gap:16px}.site-footer p{width:100%;order:3}.site-footer>a:last-child{margin-left:auto}.admin-bar .site-header{top:46px}.showcase-body{padding:24px 18px}.talent-card{padding:18px 10px;gap:10px}.section-intro{font-size:16px}.wp-block-button__link{padding:14px 21px}.hero .wp-block-buttons{gap:10px}.hero .wp-block-button__link{font-size:12px}.window-bar{padding:15px}.privacy-card,.relationship-card{padding:28px}.v-preferences{max-width:90vw}dialog{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/dm-sans-400.ttf') format('truetype')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/dm-sans-700.ttf') format('truetype')}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700 800;font-display:swap;src:url('assets/jakarta-700.ttf') format('truetype')}
.action-section{background:#fafafe}.action-section .checks{max-width:820px;margin-top:30px}.action-section .checks li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px 18px 52px;margin:12px 0;color:var(--ink)}.action-section .checks li:before{left:22px}
/* Desktop product illustration with feature sidebar. */
.hero-grid{grid-template-columns:.95fr 1.05fr;gap:42px}.desktop-preview{min-width:0;width:100%;filter:drop-shadow(0 24px 28px #24203918)}.desktop-monitor{padding:9px 9px 0;background:linear-gradient(135deg,#424356,#222334);border-radius:22px;overflow:hidden}.desktop-preview .showcase{transform:none;max-width:none;border:0;border-radius:14px 14px 0 0;box-shadow:none}.desktop-preview .window-bar{padding:13px 16px;background:#fff}.desktop-workspace{display:grid;grid-template-columns:40% 60%;min-height:410px}.desktop-sidebar{padding:24px 16px;background:#f5f3fa;border-right:1px solid #e9e5ef}.desktop-brand{font-size:18px;font-weight:700;letter-spacing:-.04em;margin-bottom:25px}.desktop-brand>span{color:var(--pink);margin-right:5px}.desktop-sidebar ul{list-style:none;padding:0;margin:0}.desktop-sidebar li{display:flex;gap:9px;align-items:flex-start;padding:12px 0;font-size:12px;line-height:1.5;color:#555269;border-bottom:1px solid #e8e4ef}.desktop-sidebar li:last-child{border-bottom:0}.feature-dot{width:6px;height:6px;border-radius:50%;background:#b43a93;flex-shrink:0;margin-top:6px}.desktop-preview .showcase-body{padding:25px 18px}.desktop-preview .eyebrow{font-size:8px;letter-spacing:.12em;line-height:1.6;margin-bottom:12px}.desktop-preview h2{font-size:23px;letter-spacing:-.045em}.desktop-preview .showcase-body>p:not(.eyebrow){font-size:11px}.desktop-preview .talent-card{gap:9px;padding:14px 10px;border-radius:12px}.desktop-preview .avatar{width:30px;height:36px;font-size:10px;border-radius:9px}.desktop-preview .talent-card strong{font-size:10px;line-height:1.5;display:block}.desktop-preview .skills{font-size:8px;line-height:1.7}.desktop-preview .talent-arrow{font-size:12px}.desktop-preview .showcase-note{font-size:10px!important;line-height:1.65;padding:13px}.monitor-chin{height:25px;display:grid;place-items:center;background:linear-gradient(110deg,#e1e1e8,#f3f3f7,#c5c5d0);margin:0 -9px}.monitor-chin span{width:5px;height:5px;border-radius:50%;background:#a6a5b5}.monitor-stand{height:43px;width:95px;background:linear-gradient(90deg,#bebecb,#e8e8ef,#b6b6c4);clip-path:polygon(22% 0,78% 0,88% 100%,12% 100%);margin:auto}.monitor-foot{height:9px;width:180px;margin:auto;background:linear-gradient(#e4e4ed,#b4b4c3);border-radius:60% 60% 5px 5px}.hero-grid>*{min-width:0}
@media(max-width:1150px){.hero-grid{grid-template-columns:1fr}.desktop-preview{max-width:700px}.desktop-sidebar li{font-size:14px}.desktop-preview .talent-card strong{font-size:13px}.desktop-preview .skills{font-size:10px}}
@media(max-width:520px){.desktop-monitor{padding:6px 6px 0;border-radius:16px}.desktop-workspace{grid-template-columns:1fr;min-height:0}.desktop-sidebar{padding:18px;border-right:0;border-bottom:1px solid var(--line)}.desktop-brand{margin-bottom:10px}.desktop-sidebar li{font-size:12px;padding:9px 0}.desktop-preview .showcase-body{padding:22px 18px}.desktop-preview h2{font-size:26px}.desktop-preview .talent-card strong{font-size:12px}.monitor-chin{margin-inline:-6px}.monitor-stand{height:30px}.desktop-preview .window-bar small{font-size:8px}}
.desktop-sidebar li{align-items:center}.feature-status{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex-shrink:0;border-radius:5px;font-size:12px;line-height:1;font-weight:700}.feature-status.is-complete{color:#36745d;background:#e7f2ec;border:1px solid #bad7c6}.feature-status.needs-review{color:#9c640f;background:#fff3d9;border:1px solid #e7cb8e;font-size:15px}
/* Wider monitor proportions on desktop. */
@media(min-width:1151px){.hero-grid{grid-template-columns:.85fr 1.15fr;gap:36px}.desktop-workspace{grid-template-columns:35% 65%;min-height:330px}.desktop-sidebar{padding:18px 14px}.desktop-brand{margin-bottom:14px}.desktop-sidebar li{padding:9px 0}.desktop-preview .showcase-body{padding:20px 18px}.desktop-preview .showcase-body>p:not(.eyebrow){margin-bottom:14px}.desktop-preview .talent-card{margin-top:10px;padding:11px 10px}.desktop-preview .showcase-note{margin-top:14px!important;padding:10px}.monitor-stand{height:34px}}
@media(min-width:1151px){.hero h1{font-size:clamp(48px,4vw,60px)}}
.desktop-preview .window-bar .monitor-logo{display:block;width:100px;height:28px;background:url('assets/visibel-logo.svg') left center/contain no-repeat;flex-shrink:0}.candidate-brand{display:flex;align-items:center;gap:9px;font-size:15px;letter-spacing:-.02em}.desktop-brand .candidate-person{position:relative;display:inline-block;width:28px;height:30px;flex-shrink:0;margin:0;background:#eee4f0;border:1px solid #e3d1e6;border-radius:8px}.candidate-person:before{content:'';position:absolute;width:7px;height:7px;border:1.5px solid #9d3988;border-radius:50%;left:9px;top:5px}.candidate-person:after{content:'';position:absolute;width:14px;height:8px;border:1.5px solid #9d3988;border-bottom:0;border-radius:9px 9px 0 0;left:5.5px;bottom:5px}
/* Talent on the left, candidate journey on the right. */
.desktop-workspace{grid-template-columns:70% 30%}.desktop-preview .showcase-body{grid-column:1;grid-row:1}.desktop-sidebar{grid-column:2;grid-row:1;border-right:0;border-left:1px solid #e9e5ef}
@media(min-width:1151px){.desktop-workspace{grid-template-columns:65% 35%}}
@media(max-width:520px){.desktop-workspace{grid-template-columns:1fr}.desktop-preview .showcase-body{grid-column:1;grid-row:1}.desktop-sidebar{grid-column:1;grid-row:2;border-left:0;border-bottom:0;border-top:1px solid var(--line)}}
/* Narrow talent column with tint; wider candidate status panel. */
.desktop-workspace{grid-template-columns:70% 30%}.desktop-preview .showcase-body{background:#f5f3fa}.desktop-sidebar{background:#fff}
@media(max-width:520px){.desktop-workspace{grid-template-columns:1fr}}
.desktop-preview .talent-card.is-selected{background:#fff;border-color:#ad298e;box-shadow:0 0 0 1px #ad298e,0 4px 12px #ad298e12}.desktop-preview .talent-card.is-selected .talent-arrow{font-weight:700}.desktop-sidebar .candidate-job-title{font-size:19px;line-height:1.3;letter-spacing:-.025em;margin:0 0 15px;color:var(--pink)}
.desktop-sidebar .candidate-job-title{font-size:8px;font-weight:700;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
/* Refined aluminium desktop display. */
.desktop-preview{filter:drop-shadow(0 22px 24px #22223918)}.desktop-monitor{position:relative;padding:12px 7px 0;border:1px solid #92939f;border-radius:19px;background:linear-gradient(135deg,#353642,#151620 55%,#42434e);box-shadow:inset 0 0 0 1px #ffffff35,0 2px 3px #17192e15;overflow:hidden}.desktop-monitor:before{content:'';position:absolute;top:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#10131d;box-shadow:0 0 0 1px #555664,inset 1px 1px 1px #405770}.desktop-preview .showcase{border-radius:9px 9px 0 0}.monitor-chin{height:20px;margin:0 -7px;background:linear-gradient(100deg,#c4c5ce,#eeeff3 40%,#d8d9e1 72%,#b7b9c5);border-top:1px solid #aaaeba;box-shadow:inset 0 -1px 0 #ffffffb0}.monitor-chin span{width:3px;height:3px;background:#9396a5;box-shadow:0 1px 0 #ffffffb0}.monitor-stand{position:relative;height:40px;width:90px;background:linear-gradient(90deg,#a5a8b5,#dee0e8 40%,#c3c6d1 70%,#969aa8);clip-path:polygon(28% 0,72% 0,82% 100%,18% 100%);margin:auto}.monitor-foot{height:8px;width:190px;background:linear-gradient(#e5e7ee 0%,#bfc2ce 55%,#a1a5b4 70%,#d5d7df);border-radius:50% 50% 4px 4px;box-shadow:0 5px 9px #24263618;margin:auto}.desktop-preview .window-bar{background:#fcfcfe}
@media(max-width:520px){.desktop-monitor{padding:11px 6px 0;border-radius:16px}.monitor-chin{margin-inline:-6px;height:17px}.monitor-stand{height:28px}.monitor-foot{width:150px;height:7px}}
/* All-black monitor enclosure and stand. */
.desktop-monitor{background:linear-gradient(135deg,#24252c,#111218 60%,#24252c);border-color:#303139;box-shadow:inset 0 0 0 1px #ffffff12,0 2px 3px #17192e15}.monitor-chin{background:linear-gradient(110deg,#22232b,#15161d 55%,#25262f);border-top-color:#24252c;box-shadow:inset 0 -1px 0 #ffffff0d}.monitor-chin span{background:#555863;box-shadow:none}.monitor-stand{background:linear-gradient(90deg,#15161d,#30313a 42%,#20212a 75%,#111218)}.monitor-foot{background:linear-gradient(#34353f,#23242d 55%,#111218 75%,#20212a);box-shadow:0 5px 9px #24263625}
/* Uniform black on every edge and the stand. */
.desktop-monitor,.monitor-chin,.monitor-stand,.monitor-foot{background:#17181e}.desktop-monitor{border-color:#17181e;box-shadow:none}.monitor-chin{border-top-color:#17181e;box-shadow:none}
.desktop-preview .window-bar .monitor-logo{width:76px;height:22px}
/* Allow translated candidate labels to wrap inside the narrow panel. */
.desktop-sidebar,.desktop-sidebar li,.candidate-brand{min-width:0}.candidate-brand{flex-wrap:wrap}.desktop-sidebar li{overflow-wrap:anywhere}.desktop-sidebar .candidate-job-title{overflow-wrap:anywhere}
/* Improve readability of the candidate cards and their supporting text. */
.desktop-preview .talent-card strong{font-size:13px;line-height:1.5}.desktop-preview .skills{font-size:10px;line-height:1.7}.desktop-preview .showcase-note{font-size:11px!important;line-height:1.7}
.desktop-preview .showcase-companies{margin:16px 0 0;padding:12px 14px 12px 29px;background:#ffffff70;border-radius:12px;font-size:11px;line-height:1.7;color:var(--muted)}.showcase-companies li{padding:2px 0}.showcase-companies li::marker{color:var(--pink)}
/* Two candidate tabs opening a matching-company panel. */
.talent-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch;margin-top:18px}.desktop-preview .talent-tabs .talent-card{margin:0;border-radius:12px 12px 0 0;align-items:flex-start;text-align:left;width:100%;min-width:0;background:#eeebf4;color:var(--ink);font-family:inherit;cursor:pointer;border-bottom:0;padding:12px 10px;gap:8px}.desktop-preview .talent-tabs .talent-card.is-selected{background:#fff;border-color:var(--pink);box-shadow:inset 0 3px 0 var(--pink)}.desktop-preview .talent-tabs strong{font-size:12px;line-height:1.4}.desktop-preview .talent-tabs .skills{display:block;font-size:9px;line-height:1.6}.desktop-preview .talent-tabs .avatar{width:25px;height:30px;font-size:9px}.talent-match-panel{background:#fff;border:1px solid #e2dbe9;border-radius:0 0 12px 12px;padding:16px 13px}.desktop-preview .talent-match-panel h3{font-size:15px;margin:0 0 12px;line-height:1.4;letter-spacing:-.02em}.match-heading{font-size:10px;color:var(--muted);margin:0 0 9px}.company-matches{list-style:none;padding:0;margin:0}.company-matches li{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #f0ecf3;flex-wrap:wrap}.company-icon{color:var(--pink);font-size:17px}.company-matches strong{font-size:11px}.match-badge{margin-left:auto;font-size:8px;border-radius:20px;padding:3px 7px;color:#6d5878;background:#f5edf8}.desktop-preview .showcase-body{min-width:0}
.company-badges{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.company-badges .match-badge{margin-left:0}.contacted-badge{font-size:8px;line-height:1.65;white-space:nowrap;border-radius:20px;padding:3px 7px;background:#e7f2ec;color:#36745d}
.to-contact-button{font-family:inherit;font-size:8px;font-weight:600;line-height:1.65;white-space:nowrap;border:1px solid #d7bddb;border-radius:20px;padding:2px 7px;background:#fff;color:#8a2877;cursor:pointer}.to-contact-button:hover{background:#f5edf8;border-color:var(--pink)}
/* Consistent company rows and equal-sized contact states. */
.company-matches li{display:grid;grid-template-columns:16px minmax(60px,1fr) auto;gap:7px;min-height:45px;align-items:center}.company-badges{display:grid;grid-template-columns:116px 92px;gap:6px;margin-left:0;align-items:center}.company-badges .match-badge,.company-badges .contacted-badge,.company-badges .to-contact-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:24px;margin:0;text-align:center;box-sizing:border-box;line-height:1.3;padding:4px 5px;white-space:normal}.company-badges .contacted-badge{border:1px solid transparent}
@media(max-width:760px){.company-badges{grid-template-columns:104px 86px;gap:4px}.company-matches li{grid-template-columns:14px minmax(48px,1fr) auto;gap:5px}}
@media(max-width:380px){.company-matches li{grid-template-columns:16px 1fr}.company-badges{grid-column:2;grid-template-columns:1fr 1fr;width:100%}}
.company-badges{--contact-width:92px;grid-template-columns:116px var(--contact-width)}.company-badges .contacted-badge,.company-badges .to-contact-button{width:var(--contact-width);min-width:var(--contact-width);max-width:var(--contact-width);height:24px;min-height:24px;box-sizing:border-box}
@media(max-width:760px){.company-badges{--contact-width:86px;grid-template-columns:104px var(--contact-width)}}
@media(max-width:380px){.company-badges{grid-template-columns:minmax(0,1fr) var(--contact-width)}}
.workflow-strip{background:#fff;border-bottom:1px solid var(--line);padding:23px 0}.workflow-bullets{list-style:none;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0;padding:0}.workflow-bullets li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink)}.workflow-bullets li:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--pink);flex-shrink:0}@media(max-width:760px){.workflow-bullets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.workflow-bullets li{font-size:12px;gap:7px;overflow-wrap:anywhere}}@media(max-width:420px){.workflow-bullets{grid-template-columns:repeat(2,minmax(0,1fr))}}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px;margin-bottom:28px}.why-step{padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:20px}.why-step .eyebrow{margin-bottom:18px}.why-step h3{font-size:24px;margin-bottom:15px}.why-step>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:0}@media(max-width:1000px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.why-grid{grid-template-columns:1fr}}
/* Slightly smaller header branding. */
.site-header .brand img{width:128px;height:auto}
@media(max-width:760px){.site-header .brand img{width:108px}}
/* Restore the original brand with a slightly taller silhouette. */
.site-header .brand img,.site-footer .brand img,.desktop-preview .window-bar .monitor-logo{transform:scale(.9,1.125);transform-origin:center}
/* Matching line icons for the six workflow steps. */
.workflow-strip{padding-block:26px}.workflow-bullets li{gap:12px}.workflow-bullets li:before{width:40px;height:40px;border-radius:12px;background-color:#faf1f8;background-size:22px 22px;background-repeat:no-repeat;background-position:center;border:1px solid #f1e2ef}.workflow-bullets li:nth-child(1):before{background-image:url('assets/icons/screen.svg')}.workflow-bullets li:nth-child(2):before{background-image:url('assets/icons/reactivate.svg')}.workflow-bullets li:nth-child(3):before{background-image:url('assets/icons/anonymise.svg')}.workflow-bullets li:nth-child(4):before{background-image:url('assets/icons/introduce.svg')}.workflow-bullets li:nth-child(5):before{background-image:url('assets/icons/find.svg')}.workflow-bullets li:nth-child(6):before{background-image:url('assets/icons/invoice.svg')}
@media(max-width:1050px){.workflow-bullets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}}@media(max-width:600px){.workflow-bullets{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-bullets li{gap:9px}.workflow-bullets li:before{width:34px;height:34px;background-size:20px;border-radius:10px}}
/* Match the information section background behind Why Visibel. */
#waarde{background:#fafafe}
/* Hide the introductory bullet section; the detailed explanation follows. */
#visibel-in-actie{display:none}
.hero-intro .intro-brand{color:var(--pink);font-weight:700}
/* Six explanatory rows: editable copy alongside animated product examples. */
.why-grid{grid-template-columns:1fr;gap:28px}.why-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:50px;padding:38px;background:#fff;border-radius:24px}.why-copy{min-width:0}.why-copy h3{font-size:32px}.why-copy>p:last-child{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.why-copy .step-icon{display:flex;align-items:center;gap:14px;margin-bottom:22px}.step-icon:before{content:'';width:46px;height:46px;border-radius:13px;background-color:#faf1f8;background-size:25px;background-position:center;background-repeat:no-repeat}.step-icon-screen:before{background-image:url('assets/icons/screen.svg')}.step-icon-reactivate:before{background-image:url('assets/icons/reactivate.svg')}.step-icon-anonymise:before{background-image:url('assets/icons/anonymise.svg')}.step-icon-introduce:before{background-image:url('assets/icons/introduce.svg')}.step-icon-find:before{background-image:url('assets/icons/find.svg')}.step-icon-invoice:before{background-image:url('assets/icons/invoice.svg')}.animation-controls{display:flex;justify-content:flex-end;margin:18px 0 -15px}.animation-toggle{border:1px solid #e3d6e5;background:#fff;color:#804574;border-radius:30px;padding:8px 15px;font-size:12px}.workflow-demo{border:1px solid #e6dfeb;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 85% 0,#f4e6f4,transparent 70%),#f8f7fc;min-width:0}.demo-toolbar{display:flex;justify-content:space-between;gap:10px;padding:11px 17px;background:#ffffffb0;border-bottom:1px solid #eae3ee;color:#8b7891;font-size:10px}.demo-dots{letter-spacing:4px;color:#cba6c3}.demo-stage{height:275px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 22px 45px;overflow:hidden}.demo-caption{position:absolute;top:15px;left:20px;right:20px;text-align:center;font-size:11px;color:#74627e;margin:0}.demo-document{position:relative;background:white;border:1px solid #e6deec;border-radius:12px;padding:14px;width:155px;box-shadow:0 8px 22px #3822460a}.demo-doc-heading{font-size:10px;font-weight:700;margin-bottom:10px;color:#575265;display:flex;justify-content:space-between;gap:10px}.demo-person{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:#ab548f;background:#f4e4ef;font-size:15px}.demo-lines{display:grid;gap:6px;margin-top:10px}.demo-lines i{display:block;height:4px;background:#e8e6ee;border-radius:3px}.demo-lines i:nth-child(2){width:83%}.demo-lines i:nth-child(3){width:60%}.demo-result{position:absolute;bottom:16px;left:12px;right:12px;text-align:center;font-size:11px;font-weight:600;color:#458269;animation:demo-result 5s ease-in-out infinite}.demo-result span{margin-right:5px}.scan-beam{position:absolute;left:0;right:0;height:3px;background:#bd4c9d;box-shadow:0 3px 14px #b8429c60;top:30px;animation:demo-scan 5s ease-in-out infinite}.demo-tags{display:flex;gap:7px;margin-top:12px;animation:demo-result 5s ease-in-out infinite}.demo-tags span{font-size:9px;background:#f2e3ef;color:#943579;padding:4px 8px;border-radius:20px}.demo-pool{display:flex;gap:17px}.pool-person{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;background:white;border:1px solid #e5ddea;border-radius:13px;padding:18px 14px;font-size:11px;color:#706879;animation:demo-reactivate 5s ease-in-out infinite}.pool-person:nth-child(2){animation-delay:.45s}.pool-person:nth-child(3){animation-delay:.9s}.pool-person i{position:absolute;top:14px;right:11px;width:8px;height:8px;background:#4f9f78;border-radius:50%;border:2px solid white}.reactivate-ring{color:#ad298e;font-size:27px;line-height:1;margin-top:14px;animation:demo-turn 5s ease-in-out infinite}.redact-lines{display:grid;gap:6px;margin-top:9px}.redact-lines i{height:6px;border-radius:4px;background:#d9c3d7;animation:demo-redact 5s ease-in-out infinite}.redact-lines i:last-child{width:70%}.privacy-shield{position:absolute;top:125px;left:calc(50% + 56px);width:35px;height:40px;display:grid;place-items:center;color:#fff;background:#ad298e;clip-path:polygon(50% 0,100% 18%,92% 70%,50% 100%,8% 70%,0 18%);animation:demo-result 5s ease-in-out infinite}.demo-transfer{display:flex;width:100%;align-items:center;justify-content:center;gap:10px}.transfer-person,.transfer-company{display:flex;flex-direction:column;align-items:center;gap:12px;background:white;border:1px solid #e3d9e9;padding:20px 12px;border-radius:14px;min-width:94px;font-size:10px}.transfer-company>span{font-size:30px;color:#a74994;line-height:1}.transfer-company small{font-size:10px}.transfer-path{height:2px;background:#d9c4dc;flex:1;max-width:70px;position:relative}.transfer-path span{position:absolute;top:-15px;color:#ad298e;font-size:24px;animation:demo-send 5s ease-in-out infinite}.demo-vacancies{width:100%;max-width:310px;display:grid;gap:10px}.vacancy{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #e9deed;border-radius:10px;padding:12px;font-size:10px}.vacancy>span{color:#ad298e;font-size:18px}.vacancy strong{font-weight:600;white-space:nowrap}.vacancy i{height:5px;background:#eee7f0;border-radius:4px;flex:1;margin-left:4px;overflow:hidden}.vacancy b{display:block;height:100%;width:var(--score);background:#b84b9e;border-radius:4px;transform-origin:left;animation:demo-match 5s ease-in-out infinite}.vacancy small{font-size:9px;color:#9a3d85}.invoice-placement{font-size:9px;color:#458269;background:#edf7f1;border-radius:5px;padding:6px;animation:demo-result 5s ease-in-out infinite}.invoice-total{display:flex;gap:12px;align-items:center;border-top:1px solid #eee6f0;margin-top:12px;padding-top:9px;color:#ad298e}.invoice-total i{height:6px;width:60%;border-radius:4px;background:#d8c0d9;transform-origin:left;animation:demo-match 5s ease-in-out infinite}.workflow-demo *{animation-play-state:paused!important}.workflow-demo.is-in-view *{animation-play-state:running!important}.animations-paused .workflow-demo *{animation-play-state:paused!important}
@keyframes demo-scan{0%,10%{top:30px;opacity:0}20%{opacity:1}65%{top:115px;opacity:1}80%,100%{top:115px;opacity:0}}@keyframes demo-result{0%,20%{opacity:.3;transform:translateY(4px)}50%,90%{opacity:1;transform:translateY(0)}100%{opacity:.3;transform:translateY(4px)}}@keyframes demo-reactivate{0%,15%{opacity:.45;transform:translateY(5px)}50%,90%{opacity:1;transform:translateY(0)}100%{opacity:.45;transform:translateY(5px)}}@keyframes demo-turn{0%,15%{transform:rotate(0)}70%,100%{transform:rotate(360deg)}}@keyframes demo-redact{0%,15%{background:#d9c3d7;transform:scaleX(.7);transform-origin:left}55%,100%{background:#8f729a;transform:scaleX(1);transform-origin:left}}@keyframes demo-send{0%,10%{left:0;opacity:0}25%{opacity:1}75%{left:75%;opacity:1}90%,100%{left:75%;opacity:0}}@keyframes demo-match{0%,15%{transform:scaleX(.1)}60%,100%{transform:scaleX(1)}}
@media(max-width:850px){.why-step{gap:25px;padding:26px}.why-copy h3{font-size:27px}.demo-transfer{gap:5px}.transfer-person,.transfer-company{min-width:75px;padding:15px 8px}.demo-pool{gap:8px}.pool-person{padding:15px 10px}}
@media(max-width:650px){.why-step{grid-template-columns:1fr;gap:24px;padding:24px}.why-copy>p:last-child{font-size:15px}.demo-stage{height:265px}}
@media(prefers-reduced-motion:reduce){.workflow-demo *{animation:none!important}.scan-beam{display:none}.animation-controls{display:none}}
.hero-monitor-slot{min-width:0;width:100%;position:relative}.hero-grid{align-items:center}@media(min-width:1151px){.hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,4fr)}.hero-monitor-slot .desktop-preview{transform-origin:top left;max-width:none}.hero-copy{max-width:none}}
/* Two step cards per row, each with its own explanation and animation. */
.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.why-step{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:30px}.why-step .workflow-demo{margin-top:auto}.why-copy h3{font-size:29px}.why-copy>p:last-child{font-size:15px}.why-copy .step-icon{margin-bottom:18px}
@media(max-width:760px){.why-grid{grid-template-columns:1fr;gap:22px}.why-step{padding:24px}.why-copy h3{font-size:27px}}
/* Dark workflow strip matching the main workflow section. */
.workflow-strip{background:var(--ink);border-bottom-color:#ffffff18}.workflow-bullets li{color:#fff}.workflow-bullets li:before{background-color:#f8eaf5;border-color:#e5c2dc}
/* Fit the hero and workflow ribbon into the opening viewport. */
.hero{min-height:calc(100svh - var(--hero-header-height,91px) - var(--hero-ribbon-height,93px) - var(--hero-admin-height,0px));display:flex;align-items:center;padding-block:40px}
@media(max-width:760px){.hero{padding-block:40px}}

/* Compact, accessible cookie preferences control. */
.v-preferences{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:48px;height:48px;padding:11px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 4px 16px #17192e18}.v-preferences:hover{color:var(--pink);background:#faf1f8}.v-consent{bottom:84px}
/* Screening: explanation and illustration side by side within the card. */
@media(min-width:1100px){.why-step:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;padding:24px}.why-step:first-child .workflow-demo{margin-top:0}.why-step:first-child .demo-stage{padding-inline:10px}.why-step:first-child .demo-document{width:min(155px,100%)}.why-step:first-child .demo-toolbar{padding-inline:12px}}
/* Each workflow card: icon and name, followed by text beside its animation. */
.why-grid .why-step{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:26px}
.why-step-header{display:flex;align-items:center;gap:14px}.why-step-header:before{flex-shrink:0}.why-step-header h3{margin:0;font-size:27px;overflow-wrap:anywhere}
.why-step-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;flex:1}.why-step-body .workflow-demo{margin-top:0}.why-step-body .demo-stage{padding-inline:10px}.why-step-body .demo-document{width:min(155px,100%)}.why-step-body .demo-toolbar{padding-inline:10px}.why-step-body .demo-pool{gap:6px}.why-step-body .pool-person{padding:16px 9px}.why-step-body .demo-transfer{gap:5px}.why-step-body .transfer-person,.why-step-body .transfer-company{min-width:0;padding:16px 7px;flex:1}.why-step-body .transfer-path{min-width:14px}.why-step-body .vacancy{gap:5px;padding:9px 6px}.why-step-body .vacancy strong{white-space:normal}
@media(min-width:761px) and (max-width:1099px){.why-step-body{grid-template-columns:1fr}}
@media(max-width:600px){.why-step-body{grid-template-columns:1fr}.why-grid .why-step{padding:24px}.why-step-header h3{font-size:25px}}
/* Practical benefit beneath each workflow explanation. */
.why-copy>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.workflow-value{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #eadfea}.workflow-value li{position:relative;padding-left:22px;font-size:13px;line-height:1.65;font-weight:600;color:#873574}.workflow-value li:before{content:'✓';position:absolute;left:0;top:0;color:var(--pink)}
/* Align the benefit divider and copy across each pair of workflow cards. */
.why-step-body{align-items:stretch}.why-step-body .why-copy{display:flex;flex-direction:column}.why-step-body .why-copy>p{flex:1}.why-step-body .workflow-value{min-height:var(--workflow-value-height,auto)}.why-step-body .workflow-demo{align-self:center}
/* Center each description above the aligned benefit divider. */
.why-step-body .why-copy>p{display:flex;align-items:center}

.why-step:first-child .workflow-value li{padding-left:26px}.why-step:first-child .workflow-value li:before{content:'';width:18px;height:18px;top:2px;background:url('assets/icons/clock.svg') center/contain no-repeat}

.why-step:nth-child(2) .workflow-value li{padding-left:26px}.why-step:nth-child(2) .workflow-value li:before{content:'';width:18px;height:18px;top:2px;background:url('assets/icons/database.svg') center/contain no-repeat}

.why-step:nth-child(3) .workflow-value li{padding-left:26px}.why-step:nth-child(3) .workflow-value li:before{content:'';width:18px;height:18px;top:2px;background:url('assets/icons/shield.svg') center/contain no-repeat}

/* Matching benefit icons across the remaining workflow cards. */
.why-step:nth-child(n+4) .workflow-value li{padding-left:26px}.why-step:nth-child(n+4) .workflow-value li:before{content:'';width:18px;height:18px;top:2px;background-position:center;background-size:contain;background-repeat:no-repeat}.why-step:nth-child(4) .workflow-value li:before{background-image:url('assets/icons/handshake.svg')}.why-step:nth-child(5) .workflow-value li:before{background-image:url('assets/icons/find.svg')}.why-step:nth-child(6) .workflow-value li:before{background-image:url('assets/icons/invoice.svg')}

/* Benefits distinguish financial value from time saved. */
.why-step:nth-child(2) .workflow-value li:before,.why-step:nth-child(3) .workflow-value li:before,.why-step:nth-child(4) .workflow-value li:before,.why-step:nth-child(6) .workflow-value li:before{background-image:url('assets/icons/money.svg')}.why-step:nth-child(5) .workflow-value li:before{background-image:url('assets/icons/clock.svg')}

/* Larger benefit symbols with directional savings and growth arrows. */
.why-grid .why-step .workflow-value li{padding-left:42px;min-height:32px;display:flex;align-items:center}.why-grid .why-step .workflow-value li:before{width:32px;height:32px;top:50%;transform:translateY(-50%);background-image:url('assets/icons/money-growth.svg')}.why-grid .why-step:first-child .workflow-value li:before,.why-grid .why-step:nth-child(5) .workflow-value li:before{background-image:url('assets/icons/time-saved.svg')}

/* Refined benefit badges: a clear symbol and compact trend line. */
.why-grid .why-step .workflow-value{padding-top:18px;border-top-color:#e9e1ec}
.why-grid .why-step .workflow-value li{padding-left:58px;min-height:46px;font-size:13px;line-height:1.6;color:#713261}
.why-grid .why-step .workflow-value li:before{width:46px;height:46px;border-radius:13px;background-color:#faf2f8;background-size:36px 36px;border:1px solid #f1e4ee}

.why-grid .why-step .workflow-value li{padding-left:52px;min-height:42px;font-weight:600}.why-grid .why-step .workflow-value li:before{width:42px;height:42px;background-size:34px 34px;border-radius:12px}
/* Lift the benefits slightly and leave breathing room below their text. */
.why-grid .why-step .workflow-value{margin-bottom:16px}

/* Keep language selection immediately before the header action. */
.header-cta{flex-shrink:0;white-space:nowrap}@media(max-width:760px){.header-cta{margin-left:auto;order:3}.site-header nav{order:4}}

/* Consistent capitalization for free-start calls to action in every language. */
a[href^='#trial']{text-transform:capitalize}

/* Simple footer with policy and contact destinations. */
.site-footer{justify-content:space-between;flex-wrap:wrap;gap:20px 32px}.footer-links{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--pink);text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.site-footer p{order:0}.footer-links{gap:12px 20px}}
.policy-page{max-width:900px;padding-block:72px 90px}.policy-page h1{font-size:clamp(34px,4vw,48px);overflow-wrap:anywhere}.policy-page section{margin-top:32px}.policy-page h2{font-size:23px;letter-spacing:-.025em;margin-bottom:12px}.policy-page p{color:var(--muted);line-height:1.85}.policy-page a{color:var(--pink);text-underline-offset:3px}.policy-draft{background:#faf2f8;border:1px solid #ead7e6;border-radius:14px;padding:18px 22px;font-size:14px}

.workflow .step>p:not(.step-number){font-size:15px;color:#b8b9c8}

.plan .period{margin-bottom:6px}.plan .tax-note{font-size:12px!important;margin:0 0 26px;color:var(--muted)}.annual .tax-note{color:#c4c4d1}

/* Tax note sits inline with the billing period. */
.plan .period{margin-bottom:26px}

/* Compact pricing: capacity, two-column features, then checkout. */
.pricing{background:#fafafe}
.pricing .plan.monthly{background:#fff}
.plan .price{white-space:nowrap}
.plan .price-unit{font-size:22px;letter-spacing:-.025em;font-weight:600}
.plan>p.plan-capacity{margin:4px 0 8px;font-size:25px;font-weight:750;letter-spacing:-.035em;color:var(--ink);line-height:1.25}
.plan>p.plan-duration{margin:0 0 24px;font-size:13px;line-height:1.6}
.annual>p.plan-capacity{color:#fff!important}
.plan .plan-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:0}
.plan .plan-features li{margin:0;padding-left:22px;overflow-wrap:anywhere}
.plan .plan-divider{width:100%;max-width:none;height:0;border:0;border-top:1px solid var(--line);margin:28px 0 20px;opacity:1}
.annual .plan-divider{border-top-color:#ffffff30}
.plan>p.plan-checkout-note{margin:0;font-size:12px;line-height:1.6}
.plan .wp-block-buttons{padding-top:22px}
.plan .wp-block-button__link{min-height:54px;padding:14px 20px;display:flex;align-items:center;justify-content:center}
.weekly-tasks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:talent-step}
.final-cta .weekly-tasks{max-width:880px;margin:32px auto 0;text-align:left}
.weekly-tasks li{font-size:14px;line-height:1.6;color:#545666;counter-increment:talent-step}
.weekly-tasks li::before{content:counter(talent-step,decimal-leading-zero);display:block;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--pink)}
@media(max-width:760px){.weekly-tasks{grid-template-columns:1fr;gap:18px}.weekly-tasks li{display:grid;grid-template-columns:28px 1fr;gap:12px}.weekly-tasks li::before{margin:0}}
.weekly-control{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
/* Three distinct cards for the closing steps. */
.final-cta .weekly-tasks{gap:20px}.final-cta .weekly-tasks li{padding:26px;background:#ffffffdf;border:1px solid #e8deeb;border-radius:20px;box-shadow:0 8px 24px #33213d05}.final-cta .weekly-tasks li::before{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border-radius:11px;background:#f8edf5;color:var(--pink);letter-spacing:.04em}@media(max-width:760px){.final-cta .weekly-tasks li{display:block;padding:24px}.final-cta .weekly-tasks li::before{margin-bottom:14px}}
/* Keep each closing-card number beside its text. */
.final-cta .weekly-tasks li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;align-items:center}.final-cta .weekly-tasks li::before{margin:0}

/* Size the monitor UI to its own width, including the tablet hero column. */
.desktop-preview .showcase{container-type:inline-size}
.desktop-preview .talent-card>span:last-child{min-width:0;overflow-wrap:anywhere}
.desktop-preview .company-matches strong{min-width:0;overflow-wrap:anywhere}
@container (max-width:600px){
 .desktop-workspace{grid-template-columns:minmax(0,64fr) minmax(0,36fr)}
 .desktop-sidebar{grid-column:2;grid-row:1;padding:18px 12px;border-top:0;border-left:1px solid #e9e5ef}
 .desktop-sidebar li{font-size:11px;gap:7px;overflow-wrap:normal;hyphens:auto}
 .desktop-preview .talent-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .desktop-preview .talent-tabs .talent-card{flex-direction:column;gap:8px}
 .desktop-preview .company-matches li{grid-template-columns:14px minmax(0,1fr);gap:6px;padding:10px 0}
 .desktop-preview .company-badges{grid-column:2;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);width:100%;min-width:0;gap:5px}
 .desktop-preview .company-badges>*{width:100%;min-width:0;max-width:none;height:auto;min-height:26px;overflow-wrap:anywhere}
}
@container (max-width:400px){
 .desktop-workspace{grid-template-columns:minmax(0,1fr)}
 .desktop-preview .showcase-body{grid-column:1;grid-row:1}
 .desktop-sidebar{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--line)}
 .candidate-brand{flex-wrap:nowrap}
 .desktop-sidebar li{font-size:12px}
}