:root{--navy:#0d2852;--navy2:#153b75;--blue:#246bfd;--cyan:#18bddd;--ink:#102343;--muted:#607391;--line:#dce6f4;--soft:#f3f7fd;--white:#fff;--green:#18a875;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:84px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;gap:44px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,230,244,.85)}.marketing-brand{display:flex;align-items:center;gap:11px;margin-right:auto}.logo-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6fb5ff,#255fc9);border:4px solid #b9dbff;box-shadow:inset 0 0 0 3px #17478d;color:white;font:800 25px Manrope}.marketing-brand b{display:block;font:800 20px Manrope;letter-spacing:-.5px}.marketing-brand small{display:block;color:#7586a1;font-size:11px;margin-top:1px}.site-nav{display:flex;align-items:center;gap:34px;color:#405572;font-size:14px;font-weight:600}.site-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.hire-link{padding:13px 18px;border-radius:12px;background:var(--navy);color:white;font-weight:700;font-size:14px;white-space:nowrap}.hire-link:hover{background:#183d73}.login-link{display:flex;align-items:center;gap:17px;padding:12px 18px;border:1px solid #bfd0e7;border-radius:12px;color:var(--navy);font-weight:700;white-space:nowrap}.login-link span{color:var(--blue)}.mobile-menu{display:none;border:0;background:none;font-size:24px;color:var(--navy)}.hero{position:relative;overflow:hidden;min-height:690px;padding:80px clamp(24px,6vw,96px) 84px;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:70px;align-items:center;background:linear-gradient(135deg,#f8fbff 0%,#eff6ff 48%,#f6f1ff 100%)}.hero-copy,.product-visual{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border-radius:999px;background:#e9f1ff;color:#245cae;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.hero-kicker span{width:8px;height:8px;border-radius:50%;background:#17ba91;box-shadow:0 0 0 5px #17ba9120}.hero h1{font:800 clamp(50px,5.2vw,78px)/1.03 Manrope;margin:25px 0 24px;letter-spacing:-3.6px;max-width:730px}.hero-copy>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px;margin:0}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.button{min-height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:12px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}.button.primary{background:var(--blue);color:white;box-shadow:0 12px 26px #246bfd2d}.button.primary:hover{background:#155be9;transform:translateY(-1px)}.button.secondary{background:white;border-color:#cdd9e9;color:var(--navy)}.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;color:#566a87;font-size:13px}.hero-trust span::first-letter{color:var(--green)}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px)}.hero-orb-one{width:450px;height:450px;right:-100px;top:-150px;background:#9d61f21d}.hero-orb-two{width:250px;height:250px;left:35%;bottom:-160px;background:#42bce521}.product-visual{border-radius:22px;background:white;box-shadow:0 30px 70px #12386525;border:1px solid #dbe6f4;overflow:visible;transform:perspective(1300px) rotateY(-2deg)}.visual-top{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf6}.mini-brand{font:800 13px Manrope;display:flex;align-items:center;gap:7px}.mini-brand i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2a70ed;color:white}.visual-user{display:flex;align-items:center;gap:8px;font-size:9px}.visual-user>span{width:28px;height:28px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center}.visual-user b small{display:block;color:#8a99ae}.visual-body{display:grid;grid-template-columns:68px 1fr;min-height:410px}.visual-body aside{background:var(--navy);padding:30px 18px;display:flex;flex-direction:column;gap:19px;border-radius:0 0 0 22px}.visual-body aside i{height:8px;border-radius:10px;background:#7690b2}.visual-body aside i:first-child{background:#5b92ff}.visual-main{padding:28px;background:#f5f8fd;border-radius:0 0 22px 0}.welcome-card{padding:24px;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start;color:white;background:linear-gradient(120deg,#2468ee,#9859ea)}.welcome-card small{font-size:8px;letter-spacing:.14em;opacity:.8}.welcome-card strong{font:800 19px Manrope;margin-top:8px}.welcome-card>span{font-size:10px;opacity:.8;margin-top:3px}.welcome-card button{border:0;background:white;color:#1d5cd1;border-radius:8px;padding:8px 12px;font-size:9px;font-weight:800;margin-top:16px}.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0}.visual-stats div,.visual-course,.visual-ai{padding:14px;background:white;border:1px solid #e2e9f3;border-radius:12px}.visual-stats b{display:block;font:800 18px Manrope}.visual-stats span{font-size:8px;color:#7f8fa6}.visual-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.visual-course .course-icon{display:grid;place-items:center;width:30px;height:30px;background:#e9f1ff;color:#2e6ff1;border-radius:8px;margin-bottom:9px}.visual-course b,.visual-ai b{display:block;font-size:11px}.visual-course small{font-size:8px;color:#8795aa}.visual-course>div{height:4px;background:#edf1f7;border-radius:5px;margin-top:14px}.visual-course>div i{display:block;height:100%;background:linear-gradient(90deg,#246bfd,#13badb)}.visual-ai span{color:#246bfd;font-size:19px}.visual-ai p{font-size:8px;color:#71819a;line-height:1.5}.floating-card{position:absolute;right:-25px;bottom:32px;background:white;padding:13px 18px;border-radius:13px;box-shadow:0 16px 38px #132d5229;display:flex;align-items:center;gap:10px;border:1px solid #e1e9f4}.floating-card>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#dff8ed;color:#139e6a;font-weight:800}.floating-card b,.floating-card small{display:block;font-size:10px}.floating-card small{color:#7e8da3;margin-top:2px}.proof-strip{padding:28px clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #e6edf6;border-bottom:1px solid #e6edf6}.proof-strip p{color:#71819a;font-size:13px}.proof-strip div{display:flex;gap:48px;color:#50647f;font:700 14px Manrope}.section{padding:110px clamp(24px,7vw,112px)}.section-heading h2{font:800 clamp(38px,4vw,56px)/1.12 Manrope;letter-spacing:-2.2px;margin:13px 0 0}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#2465cf}.section-lead{max-width:610px;margin:-75px 0 70px auto;color:var(--muted);font-size:18px;line-height:1.7}.platform-showcase{background:linear-gradient(140deg,#0f2b56,#173f7b);border-radius:28px;color:white;padding:64px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;position:relative;overflow:hidden}.showcase-copy .number{color:#6da2ff;font:800 15px Manrope}.showcase-copy h3{font:800 32px/1.25 Manrope;margin:15px 0}.showcase-copy p{color:#b9c9df;line-height:1.7}.showcase-copy ul{padding:0;margin:26px 0 0;list-style:none}.showcase-copy li{padding:9px 0;color:#d9e5f4;font-size:14px}.showcase-copy li:before{content:'✓';color:#42d6a5;margin-right:10px}.path-visual{position:relative;display:grid;gap:14px}.path-line{position:absolute;left:26px;top:45px;bottom:45px;width:2px;background:#5577a8}.path-visual article{position:relative;display:flex;gap:18px;align-items:center;padding:19px 21px;border:1px solid #3e5d8a;background:#173866;border-radius:16px}.path-visual article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#234b82;color:#a5bad6;z-index:1}.path-visual article.done>span{background:#164d4c;color:#55dfad}.path-visual article.active{background:white;color:var(--ink);transform:translateX(22px);box-shadow:0 16px 35px #06152d55}.path-visual article.active>span{background:#e9f1ff;color:#246bfd}.path-visual small,.path-visual b,.path-visual p{display:block}.path-visual small{font-size:8px;letter-spacing:.13em;color:#8496ae}.path-visual b{font:700 13px Manrope;margin:3px 0}.path-visual p{margin:0;color:#90a2bb;font-size:10px}.benefits{background:#f5f8fd}.centred{text-align:center;max-width:750px;margin:auto}.centred p{color:var(--muted);font-size:17px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.benefit-grid article{padding:34px;background:#fff;border:1px solid #e1e8f2;border-radius:20px;min-height:250px;transition:.25s}.benefit-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 38px #16396010}.feature-icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;font-size:21px;font-weight:800}.feature-icon.blue{background:#e6efff;color:#246bfd}.feature-icon.violet{background:#f0e9ff;color:#7a4be5}.feature-icon.cyan{background:#e2f8fc;color:#10a8c6}.feature-icon.green{background:#e1f8ee;color:#17a773}.feature-icon.amber{background:#fff4d8;color:#d8910a}.feature-icon.pink{background:#ffe8f2;color:#dc518b}.benefit-grid h3{font:700 19px Manrope;margin:24px 0 11px}.benefit-grid p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.roles{background:var(--navy);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.eyebrow.light{color:#80abff}.roles-copy h2{font:800 clamp(38px,4vw,56px)/1.12 Manrope;letter-spacing:-2px;margin:15px 0 22px}.roles-copy p{color:#b8c8dd;line-height:1.75}.roles-copy a{display:inline-block;margin-top:24px;color:#7eaaff;font-weight:700}.role-list article{display:flex;gap:26px;padding:25px 0;border-bottom:1px solid #345077}.role-list article:first-child{padding-top:0}.role-list article>span{color:#679af5;font:700 12px Manrope;padding-top:3px}.role-list b{font:700 17px Manrope}.role-list p{color:#9eb2cc;margin:7px 0 0;line-height:1.55;font-size:14px}.demo-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start;background:linear-gradient(140deg,#f7faff,#eef4fd)}.demo-copy h2{font:800 clamp(38px,4vw,55px)/1.13 Manrope;letter-spacing:-2px;margin:14px 0 22px}.demo-copy>p{color:var(--muted);line-height:1.75;font-size:17px}.demo-points{margin-top:38px;display:grid;gap:22px}.demo-points>div{display:flex;gap:15px;align-items:flex-start}.demo-points>div>span{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#e0ebff;color:#246bfd;font-weight:800;font-size:12px}.demo-points p{margin:0}.demo-points b,.demo-points small{display:block}.demo-points b{font:700 14px Manrope}.demo-points small{color:#7889a1;margin-top:4px}.demo-form{background:#fff;border:1px solid #dce6f2;border-radius:24px;padding:38px;box-shadow:0 22px 55px #0c2c5612}.form-heading>span{font-size:10px;letter-spacing:.16em;color:#2465cf;font-weight:800}.form-heading h3{font:800 25px Manrope;margin:8px 0 4px}.form-heading p{color:#8190a6;font-size:12px;margin:0 0 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#40536f}.demo-form input,.demo-form select,.demo-form textarea{width:100%;border:1px solid #d6e1ef;border-radius:10px;background:#fbfdff;color:var(--ink);padding:13px 14px;outline:none}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:#4b82ed;box-shadow:0 0 0 3px #246bfd18}.demo-form>label{margin-top:18px}.form-submit{width:100%;margin-top:23px;border:0}.form-submit:disabled{opacity:.6;cursor:wait}.form-status{min-height:20px;margin:14px 0 0;font-size:13px}.form-status.success{color:#11875d}.form-status.error{color:#c63d4f}.privacy-note{display:block;color:#8b98aa;font-size:10px;line-height:1.5;margin-top:7px;text-align:center}.closing-cta{text-align:center;padding:82px 24px;color:white;background:linear-gradient(110deg,#2466ea,#704fea 62%,#a24de3)}.closing-cta>span{font-size:13px;opacity:.85}.closing-cta h2{font:800 clamp(35px,4vw,54px) Manrope;letter-spacing:-2px;margin:14px 0 29px}.closing-cta>div{display:flex;justify-content:center;gap:12px}.button.white{background:white;color:#2058c2}.button.ghost{border-color:#ffffff66;color:white}footer{padding:50px clamp(24px,6vw,96px) 25px;background:#081d3c;color:white}.footer-brand{width:max-content}.footer-brand small{color:#8da3c1}.footer-links{display:flex;justify-content:flex-end;gap:30px;color:#acbdd3;font-size:13px;margin-top:-34px}.footer-bottom{border-top:1px solid #29415f;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;color:#7f94b0;font-size:11px}
@media(max-width:1050px){.site-nav{display:none;position:absolute;top:76px;left:20px;right:20px;padding:20px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 35px #12345b1c;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:760px}.product-visual{max-width:760px}.section-lead{margin:24px 0 50px}.platform-showcase,.roles,.demo-section{grid-template-columns:1fr;gap:55px}.benefit-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.site-header{height:72px;padding:0 18px;gap:9px}.header-actions{gap:6px}.hire-link{padding:10px;font-size:12px}.login-link{padding:9px 10px;font-size:12px}.login-link span{display:none}.marketing-brand small{display:none}.logo-mark{width:38px;height:38px;font-size:20px}.hero{padding:52px 20px 65px;grid-template-columns:1fr}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-copy>p{font-size:17px}.hero-actions{display:grid}.button{width:100%}.hero-trust{display:grid;gap:10px}.product-visual{transform:none}.visual-body{grid-template-columns:45px 1fr}.visual-body aside{padding:26px 12px}.visual-main{padding:15px}.visual-grid{grid-template-columns:1fr}.visual-ai{display:none}.floating-card{right:8px;bottom:-20px}.proof-strip{display:block;text-align:center}.proof-strip div{display:grid;grid-template-columns:1fr 1fr;gap:15px}.section{padding:75px 20px}.section-heading h2,.demo-copy h2,.roles-copy h2{letter-spacing:-1.4px}.platform-showcase{padding:30px 22px}.showcase-copy h3{font-size:27px}.path-visual article.active{transform:none}.benefit-grid{grid-template-columns:1fr}.roles{gap:45px}.demo-form{padding:26px 20px}.form-grid{grid-template-columns:1fr}.closing-cta>div{display:grid}.footer-links{margin:35px 0 0;justify-content:flex-start;flex-wrap:wrap}.footer-bottom{display:grid;gap:9px}.visual-stats div{padding:10px}.visual-stats b{font-size:14px}}

/* Responsive layout hardening */
html,body{max-width:100%;overflow-x:hidden}.intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);column-gap:clamp(44px,7vw,112px);align-items:end}.intro>.section-heading,.intro>.section-lead{min-width:0}.intro>.section-lead{max-width:620px;margin:0 0 4px;color:var(--muted);font-size:18px;line-height:1.7}.intro>.platform-showcase{grid-column:1/-1;width:100%;margin-top:68px}.section-heading h2,.demo-copy h2,.roles-copy h2{overflow-wrap:anywhere}.product-visual,.platform-showcase,.demo-form,.benefit-grid>*{min-width:0}
@media(max-width:1180px){.site-header{gap:20px}.site-nav{display:none;position:absolute;top:76px;left:20px;right:20px;padding:20px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 35px #12345b1c;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.mobile-menu{display:block}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:760px}.product-visual{width:100%;max-width:820px}.intro{grid-template-columns:1fr}.intro>.section-lead{max-width:760px;margin-top:24px}.intro>.platform-showcase{margin-top:48px}.platform-showcase,.roles,.demo-section{grid-template-columns:1fr;gap:55px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{height:72px;padding:0 18px;gap:9px}.header-actions{gap:6px}.hire-link{padding:10px 11px;font-size:12px}.login-link{padding:9px 10px;font-size:12px;gap:6px}.login-link span{display:none}.marketing-brand small{display:none}.logo-mark{width:38px;height:38px;font-size:20px}.site-nav{top:66px;left:12px;right:12px}.hero{min-height:0;padding:52px 20px 68px;gap:46px}.hero h1{font-size:clamp(40px,12vw,52px);line-height:1.04;letter-spacing:-2.5px}.hero-copy>p{font-size:17px}.hero-actions{display:grid}.button{width:100%;min-width:0}.hero-trust{display:grid;gap:10px}.product-visual{transform:none;border-radius:17px}.visual-body{grid-template-columns:42px minmax(0,1fr);min-height:0}.visual-body aside{padding:24px 10px}.visual-main{padding:14px}.visual-top{padding:0 14px}.visual-grid{grid-template-columns:1fr}.visual-ai{display:none}.floating-card{position:static;margin:12px 12px 14px;width:auto}.proof-strip{display:block;padding:25px 20px;text-align:center}.proof-strip div{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.section{padding:72px 20px}.section-heading h2,.demo-copy h2,.roles-copy h2{font-size:clamp(34px,10vw,45px);letter-spacing:-1.5px}.intro>.section-lead{font-size:16px;margin-top:20px}.intro>.platform-showcase{margin-top:38px}.platform-showcase{padding:30px 22px;gap:38px;border-radius:20px}.showcase-copy h3{font-size:27px}.path-visual article{padding:16px;gap:13px}.path-visual article.active{transform:none}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:0}.roles{gap:45px}.role-list article{gap:15px}.demo-form{padding:26px 20px}.form-grid{grid-template-columns:1fr}.closing-cta{padding:66px 20px}.closing-cta>div{display:grid}.closing-cta h2{font-size:clamp(34px,10vw,46px);letter-spacing:-1.5px}.footer-links{margin:35px 0 0;justify-content:flex-start;flex-wrap:wrap;gap:18px}.footer-bottom{display:grid;gap:9px;line-height:1.6}.visual-stats div{padding:10px}.visual-stats b{font-size:14px}}
@media(max-width:520px){.site-header .marketing-brand>span:last-child{display:none}.site-header .marketing-brand{gap:0}.site-header{padding-inline:13px}.header-actions{margin-left:0}.hero-kicker{font-size:10px}.visual-user{display:none}.visual-stats{grid-template-columns:1fr 1fr}.visual-stats div:last-child{grid-column:1/-1}.welcome-card{padding:18px}.welcome-card strong{font-size:16px}.proof-strip div{font-size:12px}.eyebrow{font-size:10px}.platform-showcase{padding-inline:17px}.path-visual article>span{width:36px;height:36px}.demo-points>div{gap:11px}.footer-brand>span:last-child{display:block}}
@media(max-width:360px){.hire-link{font-size:0}.hire-link::after{content:'Hire';font-size:12px}.login-link{padding-inline:8px}.mobile-menu{padding:4px}.hero{padding-inline:16px}.section{padding-inline:16px}}

/* Keep the platform introduction collision-proof at every zoom level. */
.intro{grid-template-columns:minmax(0,1fr);align-items:start}.intro>.section-heading{max-width:980px}.intro>.section-lead{max-width:780px;margin-top:24px}.intro>.platform-showcase{grid-column:1;margin-top:52px}

/* Header conversion actions: demo first, hiring second, account third. */
.demo-header-link{padding:13px 19px;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 9px 20px #246bfd2b}.demo-header-link:hover{background:#155be9;transform:translateY(-1px)}.hire-link{background:#fff;color:var(--navy);border:1px solid #aebfd7;box-shadow:none}.hire-link:hover{background:#f2f6fc;color:var(--navy)}
@media(max-width:760px){.demo-header-link,.hire-link{padding:10px 11px;font-size:12px}.header-actions{gap:5px}}
@media(max-width:430px){.demo-header-link,.hire-link,.login-link{font-size:0}.demo-header-link::after{content:'Demo';font-size:12px}.hire-link::after{content:'Hire';font-size:12px}.login-link::after{content:'Login';font-size:12px}.demo-header-link,.hire-link,.login-link{padding:9px 9px}.header-actions{gap:4px}}