/* Shared geometry and spacing rhythm */
:root{--ink:#11131a;--blue:#2547f5;--acid:#c9d6ff;--paper:#f4f2ed;--line:#c9c8c3}
.btn{clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
.actions{flex-wrap:wrap}
.hero-copy>p{max-width:580px;line-height:1.65}
.hero-copy{isolation:isolate}
.hero-copy>*{position:relative;z-index:1}
.hero-copy:before{content:"";position:absolute;z-index:0;width:clamp(240px,28vw,430px);aspect-ratio:1;border:1px solid #b9b8b4;border-radius:50%;right:-7vw;top:15%;box-shadow:0 0 0 38px rgba(37,71,245,.035),0 0 0 76px rgba(37,71,245,.025)}
.hero h1{font-size:clamp(46px,4.7vw,68px);line-height:1.055;letter-spacing:-3.5px}
.hero h1 em{white-space:normal;transform:none;display:block;margin-top:.08em}
.visual-label{padding-right:18px;border:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.float-card{left:22px;bottom:22px;padding-right:34px;border:0;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.filters{display:flex;flex-wrap:wrap}
.filters button{min-height:40px}
.filters button.active{padding-right:22px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.ticker{background:var(--blue);color:#fff}.ticker i{color:var(--acid)}
.jobs{position:relative;overflow:hidden}.jobs:before{content:"+\A+\A+";white-space:pre;position:absolute;right:3.2vw;top:42px;color:var(--blue);font:700 22px/1 Unbounded;letter-spacing:8px}
.job-grid{counter-reset:job}.job-grid article{counter-increment:job;position:relative;overflow:hidden}.job-grid article:after{content:"0" counter(job);position:absolute;right:20px;bottom:10px;color:rgba(37,71,245,.08);font:800 70px/1 Unbounded;letter-spacing:-6px;pointer-events:none}.job-grid article:hover{background:var(--acid)}
.about{position:relative;overflow:hidden}.about:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #393c47;border-radius:50%;left:-170px;bottom:-180px;box-shadow:0 0 0 48px rgba(255,255,255,.018)}
.lead{position:relative;overflow:hidden;background-color:var(--blue);background-image:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px);background-size:46px 46px}.lead:after{content:"↗";position:absolute;right:4vw;top:24px;color:rgba(255,255,255,.16);font:700 90px/1 Unbounded}.lead .btn.white{background:#fff;color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.lead{padding-top:120px;padding-bottom:130px}
.lead form{width:100%;max-width:480px;justify-self:end;gap:14px;border-top:0}
.lead input,.lead select{height:60px;padding:0 18px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.06)}
.lead input:focus,.lead select:focus{outline:2px solid var(--acid);outline-offset:2px;background:rgba(255,255,255,.1)}
.lead .btn.white{margin-top:8px;min-height:62px}
.lead small{display:block;margin-top:7px;max-width:420px;line-height:1.6}

@media(max-width:1180px) and (min-width:1001px){
  .hero{grid-template-columns:58% 42%}
  .hero-copy{padding-right:3.5vw}
  .hero h1{font-size:clamp(46px,5.2vw,58px);letter-spacing:-3px;line-height:1.06}
  .hero-visual img{object-position:68% center}
  .about,.lead{grid-template-columns:1fr;gap:70px}
  .about .steps{width:100%;min-width:0}
  .lead form{justify-self:start}
}

@media(max-width:580px){
  header{height:72px;padding:0 22px}
  .menu{position:relative;z-index:12;width:42px;height:42px;line-height:1}
  .menu-open{overflow:hidden}
  .menu-open header nav{display:flex;position:fixed;z-index:10;inset:72px 0 0;background:var(--acid);flex-direction:column;align-items:flex-start;padding:55px 24px;gap:22px}
  .menu-open header nav a{font:700 29px/1.2 Unbounded;letter-spacing:-1.5px}
  .hero-copy{padding:65px 22px 48px}
  .eyebrow{line-height:1.5}
  .hero-copy:before{width:250px;right:-110px;top:18%}
  .hero h1{font-size:clamp(34px,9.6vw,38px);line-height:1.07;letter-spacing:-2.2px}
  .hero-copy>p{margin:32px 0}
  .actions{gap:30px}
  .trust{margin-top:42px}
  .section-head{gap:28px}
  .section-head h2,.about h2,.lead h2{font-size:clamp(32px,9.2vw,36px)}
  .section-head>p{padding-left:18px}
  .filters{margin:42px 0 20px}
  .job-grid article{min-height:270px}
  .steps article{padding:34px 20px}
  .lead{padding-top:86px;padding-bottom:100px}
  .lead form{justify-self:stretch;max-width:none;gap:12px}
  .lead .btn.white{margin-top:10px}
}
@media(max-width:340px){
  .hero h1{font-size:33px;letter-spacing:-2.4px}
  .trust{gap:10px}.trust b{font-size:23px}.avatars{margin-left:auto}
  .btn{padding:16px 20px}.filters button{padding:9px 12px}
}

/* Borderless visual system */
header,.hero,.hero-visual,.ticker,footer,.cases{border:0!important}
.filters button,.job-grid,.job-grid article,.steps,.steps article,.case-controls button,.case-track article{border:0!important}
.job-grid{gap:12px}
.job-grid article{background:#f6f6f4}
.section-head>p{border-left:0;padding-left:0}
.lead input,.lead select{border:0;background:rgba(255,255,255,.11)}
.case-controls button{background:#fff}
.hero-copy:before,.eyebrow:before{border:0}
