:root{--paper:#faf9f5;--ink:#1f2421;--red:#bf271f;--rule:#cbc9c0;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #086b94;outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:3}.skip:focus{top:12px}.wrap{max-width:1472px;width:90%;margin:auto}header{border-bottom:1px solid var(--rule)}.nav,.brand,nav,.actions,.sectionHead,.foot,.platehead,figcaption,.caption{display:flex;align-items:center;justify-content:space-between}.nav{min-height:80px}.brand{gap:9px;font-weight:750;font-size:24px;line-height:1;letter-spacing:-1.4px}.brand img{width:49px;height:46px;object-fit:contain}.brand small{display:block;letter-spacing:3px;font:700 8px/1.7 var(--mono);letter-spacing:3.6px}.brand:hover{text-decoration:none}nav{gap:32px}nav a,.outline,.button,.plain{font-weight:600;font-size:14px}.outline{border:1px solid var(--ink);padding:10px 15px}.outline span,.plain span{margin-left:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4%;padding-block:clamp(40px,5vw,85px)}.intro{align-self:center}.kicker,figcaption,.caption,.platehead,.steps small{font:600 11px/1.5 var(--mono);letter-spacing:1.4px;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 25px}.kicker i{width:18px;height:3px;background:var(--red)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:550;letter-spacing:-.06em;line-height:1.02}h1{font-size:clamp(60px,7.4vw,116px);line-height:.96}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.lede{font-size:clamp(17px,1.45vw,22px);max-width:465px;color:#4a504b;margin:24px 0 29px}.actions{justify-content:flex-start;gap:25px;flex-wrap:wrap}.button{display:inline-flex;gap:28px;align-items:center;background:var(--red);color:#fff;padding:14px 18px}.button b{font-size:18px}.button:hover{background:#9e251e;text-decoration:none}.drawing{position:relative;display:grid;grid-template-rows:auto 1fr auto;background:#ebe9df;border:1px solid #c9c7bb;overflow:hidden;align-self:center}.drawing img{display:block;width:100%;height:auto;aspect-ratio:780/540;object-fit:cover}.drawing figcaption,.caption,.platehead{padding:11px 15px;font-size:10px}.drawing figcaption{border-bottom:1px solid #c9c7bb}.caption{border-top:1px solid #c9c7bb}.caption span:last-child{font:24px/14px Arial}.sectors{background:#efeee7;padding:64px 0 70px;border-block:1px solid var(--rule)}.sectionHead{align-items:flex-end;gap:24px;margin-bottom:34px}h2{font-size:clamp(40px,4.5vw,76px)}h2 span{color:var(--red)}.sectionHead .kicker,.approach .kicker{margin-bottom:16px}.sectionHead>p,.steps p,.about p:not(.kicker),.contact p:not(.kicker){color:#4b514e}.sectionHead>p{font-size:15px}.sectorgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:7%}.choices details{border-top:1px solid #b6b9af}.choices details:last-child{border-bottom:1px solid #b6b9af}summary{cursor:pointer;display:flex;align-items:center;gap:22px;font-size:clamp(23px,2.3vw,35px);letter-spacing:-.04em;padding:14px 4px;line-height:1.1}summary::-webkit-details-marker{display:none}summary small{font:12px var(--mono);color:#575e57}summary b{margin-left:auto;font-size:19px;font-weight:400}summary b:after{content:'+'}details[open] summary b:after{content:'−'}details[open] summary{color:var(--red)}details p{padding:0 32px 22px 44px;max-width:610px;color:#444c47}.plate{background:#25332e;color:#edece3;align-self:start}.platehead{border-bottom:1px solid #53615a}.platehead:last-child{border:0;border-top:1px solid #53615a}.sectorArt{display:block;width:100%;max-height:260px}.art{display:none;fill:#25332e;stroke:#edece3;stroke-width:2;stroke-linejoin:round}.art.active{display:block}.art .hot{stroke:#fd8c72}.approach,.contact{padding-block:85px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin-top:44px}.steps article{border-top:1px solid var(--rule);padding-top:18px}.steps small{color:var(--red)}h3{font-size:clamp(24px,2.3vw,36px);margin:22px 0 12px}.steps p{max-width:38ch}.about{background:#25332e;color:var(--paper);padding:68px 0}.aboutgrid,.contact{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:6%}.about h2{font-size:clamp(35px,3.7vw,60px)}.about p:not(.kicker){color:#dee2dc;max-width:56ch;margin-top:22px}.about i{background:#f0866e}.contact{grid-template-columns:1.2fr .8fr;align-items:center}.contact .button{margin:18px 0 8px}.address{font:13px var(--mono)}footer{border-top:1px solid var(--rule)}.foot{font-size:12px;padding-block:20px;gap:14px;flex-wrap:wrap}
@media(max-width:760px){.nav{min-height:68px}.nav nav{gap:14px}.brand{font-size:20px}.brand img{width:38px}.hero{grid-template-columns:1fr;gap:30px}.drawing{width:100%}.drawing img{max-height:370px;object-fit:contain}.sectionHead,.aboutgrid,.contact{display:block}.sectionHead>p{margin-top:15px}.sectorgrid{gap:3%;grid-template-columns:1fr .8fr}.steps{gap:20px}.contact>div+div{margin-top:26px}.approach,.contact,.sectors,.about{padding-block:52px}}
@media(max-width:560px){.nav{flex-wrap:wrap;padding-top:10px}.nav nav{order:3;width:100%;justify-content:flex-start;padding:12px 0;gap:24px}.outline{font-size:12px}.hero{padding-top:35px}.kicker{margin-bottom:20px}.actions{gap:17px}.button{gap:14px}h1{font-size:clamp(54px,13vw,78px)}.lede{margin:17px 0 21px}.sectorgrid,.steps{grid-template-columns:1fr}.plate{margin-top:16px}.steps{margin-top:28px}.steps h3{margin:10px 0}.foot{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Yaanendriya's full-width product stage, adapted for recruiting. */
:root{--paper:#fbfdff;--ink:#15263e;--red:#2354c7;--rule:#d3dfed}
header{position:absolute;inset:0 0 auto;z-index:3;background:#ffffff50;border-color:#c5d6e680}.nav{min-height:74px}.nav nav{margin-left:auto;margin-right:32px}.nav nav a,.outline{font-size:13px}.outline,.button{border-radius:99px}.outline{border-color:#a7bad5}.button{background:#204fc1;box-shadow:0 8px 20px #244aac1a}.button:hover{background:#173a94}
.hero{display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;min-height:660px;height:92svh;max-height:940px;padding:100px 0 72px;overflow:hidden;background:radial-gradient(ellipse at 82% 40%,#bed6fa 0,transparent 53%),linear-gradient(125deg,#fffbf2,#f6faff 46%,#e0eeff)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#6b91bc55 .8px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(100deg,transparent 17%,black)}.heroInner{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:1%}.hero h1{font-size:clamp(64px,6.9vw,108px);font-weight:550;letter-spacing:-.075em}.hero h1 em{font:inherit;color:#2458c7}.kicker{color:#41638e;font-size:10px}.kicker i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #2a64c213}.lede{color:#50657d;font-size:clamp(16px,1.35vw,20px);max-width:430px;line-height:1.55}.stage{position:relative;isolation:isolate;padding:12% 0}.stage img{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 15px #315a831f);animation:levitate 8s ease-in-out infinite alternate}.orbit,.orbit:before{position:absolute;inset:15% -2%;border:1px solid #84a6d07d;border-radius:50%;transform:rotate(-14deg);z-index:-1}.orbit:before{content:'';inset:7% -2%;transform:rotate(19deg)}.pin{position:absolute;display:inline-flex;gap:8px;align-items:center;border:1px solid #fff;background:#fffffff0;color:#284767;border-radius:12px;padding:10px 13px;box-shadow:0 10px 25px #5279a729;font:550 11px var(--mono)}.pin b{color:var(--red);font-size:9px}.p1{top:10%;right:5%;transform:rotate(4deg)}.p2{bottom:9%;left:3%;transform:rotate(-4deg)}.rail{position:absolute;bottom:22px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#476080;font:10px var(--mono);letter-spacing:1px}.rail button{font:inherit;background:#ffffff80;color:inherit;border:1px solid #afc5df;padding:8px 12px;border-radius:20px;cursor:pointer}.rail button:focus-visible{outline:3px solid #1559bd}.sectors{background:#fff;border:0;padding-block:88px}.sectionHead>p,.steps p,.contact p:not(.kicker){color:#53677f}.choices details{border-color:var(--rule)}details p{color:#4a6079}.plate{background:linear-gradient(135deg,#e1edff,#f4f9ff);color:#244873;border-radius:20px;overflow:hidden}.platehead,.platehead:last-child{border-color:#bcd1eb}.art{stroke:#47698f;fill:#e9f2ff}.art .hot{stroke:#1c55cb}.approach{background:#f2f6fc;border-radius:28px;padding:clamp(25px,5vw,75px)}.about{margin-top:75px;background:radial-gradient(ellipse at right,#244b79,#112339 74%)}.about .kicker{color:#afcbff}.about i{background:#86afff}.steps h3{font-weight:500}.motion-off .stage img{animation-play-state:paused}@keyframes levitate{to{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.stage img{animation:none}}
@media(max-width:760px){.hero{height:auto;min-height:0;padding:120px 0 58px}.heroInner{grid-template-columns:1fr}.stage{width:min(100%,600px);margin:auto;padding:7% 0}.hero h1{font-size:clamp(58px,10vw,78px)}.hero .lede{max-width:470px}.rail{font-size:8px}.rail span:nth-child(2){display:none}.sectionHead{margin-bottom:25px}.sectors{padding-block:54px}.about{margin-top:50px}}@media(max-width:560px){.nav nav{margin:0}.hero{padding-top:138px}.hero h1{font-size:clamp(54px,12vw,70px)}.stage{margin-top:15px}.pin{font-size:9px;padding:6px 9px}.brand small{font-size:7px}.rail{bottom:14px}.aboutgrid{display:block}}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 550;font-display:swap;src:url('dm-sans-medium.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600 800;font-display:swap;src:url('dm-sans-semibold.ttf') format('truetype')}
body{font-family:'DM Sans',Arial,sans-serif}html{scroll-padding-top:112px}
header{position:fixed;z-index:30;background:#f4f8ff26;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border-bottom:1px solid #9db5d238;animation:header-enter .8s cubic-bezier(.22,1,.36,1) both;transition:background .35s,box-shadow .35s}
header.scrolled{background:#f4f8ffad;box-shadow:0 5px 26px #25477708}.nav{min-height:84px;gap:26px}.brand{font-weight:600;letter-spacing:-1.3px}.nav nav{gap:30px}.nav nav a{position:relative;padding:12px 0;font-weight:500;font-size:14px;letter-spacing:-.015em;transition:color .25s}.nav nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:#2354c7;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,1,.36,1)}.nav nav a:hover:after,.nav nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.nav nav a:hover{color:#2354c7;text-decoration:none}.reading-progress{height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(var(--reading,0));transform-origin:left;background:#2859d1}
.outline.cta,.button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;isolation:isolate;overflow:hidden;border-radius:3px;min-height:52px;padding:9px 10px 9px 22px;font:500 14px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:-.02em;transition:color .3s,border-color .3s,box-shadow .3s,transform .3s;background:transparent;border:1px solid #8ca5c580;box-shadow:none}
.outline.cta{color:#183150;min-width:154px}.cta-label{position:relative;z-index:1}.cta-icon{position:relative;display:grid;place-items:center;width:32px;height:32px;overflow:hidden;flex-shrink:0;border-radius:2px;background:#2a58c308;transition:background .3s}
.cta-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.22,1,.36,1)}.outline.cta span{margin:0}
.outline.cta:before,.button:before{content:'';position:absolute;inset:0;background:#2354c7;transform:translateY(102%);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:0}
.outline.cta:hover,.outline.cta:focus-visible{color:#fff;border-color:#2354c7;box-shadow:0 8px 22px #2354c71a;text-decoration:none}.outline.cta:hover:before,.outline.cta:focus-visible:before,.button:hover:before,.button:focus-visible:before{transform:translateY(0)}.outline.cta:hover .cta-icon,.outline.cta:focus-visible .cta-icon{background:#ffffff1c}
.button{background:#2354c7;color:white;border-color:#2354c7;min-height:56px;gap:28px}.button:before{background:#163b99}.button .cta-icon{background:#ffffff14}.button:hover,.button:focus-visible{background:#2354c7;border-color:#163b99;box-shadow:0 10px 24px #2354c724;text-decoration:none;transform:translateY(-2px)}
.cta:hover .cta-icon svg,.cta:focus-visible .cta-icon svg,.button:hover .cta-icon svg,.button:focus-visible .cta-icon svg{animation:arrow-pass .45s cubic-bezier(.22,1,.36,1) both}.plain{font:500 13px 'DM Sans',Arial,sans-serif;letter-spacing:-.01em;display:inline-flex;align-items:center;padding:12px 0;position:relative}.plain:after{content:'';height:1px;position:absolute;bottom:5px;left:0;right:0;background:#2354c7;transform:scaleX(0);transform-origin:left;transition:transform .3s}.plain:hover:after,.plain:focus-visible:after{transform:scaleX(1)}.plain span{display:inline-block;transition:transform .3s}.plain:hover span{transform:translateY(4px)}.plain:hover{text-decoration:none}
.intro>.kicker{animation:hero-rise .75s .08s both}.intro>h1{animation:hero-rise 1s .18s both}.intro>.lede{animation:hero-rise .9s .34s both}.actions{animation:hero-slide .85s .48s both}.stage{animation:hero-rise 1.15s .25s both}
@keyframes header-enter{from{opacity:0;translate:0 -22px}to{opacity:1;translate:0 0}}@keyframes hero-rise{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes hero-slide{from{opacity:0;translate:38px 0}to{opacity:1;translate:0 0}}@keyframes arrow-pass{0%{transform:translate(0,0)}45%{transform:translate(24px,-24px)}46%{transform:translate(-24px,24px)}100%{transform:translate(0,0)}}
@media(max-width:760px){.nav{gap:12px;min-height:76px}.nav nav{gap:18px;margin-right:0}.nav nav a{font-size:12px}.outline.cta{min-width:130px;min-height:45px;font-size:12px;padding-left:14px;gap:10px}}
@media(max-width:560px){.nav{padding-top:10px}.nav nav{padding:4px 0 8px;gap:24px}.nav nav a{padding:8px 0}.outline.cta{margin-left:auto}.hero{padding-top:158px}.button{font-size:13px;padding-left:18px;gap:16px}.actions{gap:18px}html{scroll-padding-top:140px}}
@media(prefers-reduced-motion:reduce){header,.intro>.kicker,.intro>h1,.intro>.lede,.actions,.stage{animation:none}.cta:hover .cta-icon svg,.cta:focus-visible .cta-icon svg,.button:hover .cta-icon svg,.button:focus-visible .cta-icon svg{animation:none}*,*:before,*:after{transition:none!important}}
/* Compact the fixed header as the reader moves into the page. */
.nav{transition:min-height .55s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1)}
.brand img{transition:width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1)}
header.scrolled .nav{min-height:62px}
header.scrolled .brand img{width:40px;height:38px}
.outline.cta:hover .cta-icon svg,.outline.cta:focus-visible .cta-icon svg{animation:arrow-spring .72s cubic-bezier(.22,1,.36,1) both}
@keyframes arrow-spring{0%{transform:translate(0,0)}30%{transform:translate(23px,-23px)}31%{transform:translate(-16px,16px)}65%{transform:translate(2.5px,-2.5px)}82%{transform:translate(-1px,1px)}100%{transform:translate(0,0)}}
@media(max-width:760px){header.scrolled .nav{min-height:60px}header.scrolled .brand img{width:34px;height:34px}}
@media(max-width:560px){header.scrolled .nav{min-height:0;padding-top:5px}header.scrolled .nav nav{padding:0 0 4px}}
@media(prefers-reduced-motion:reduce){.outline.cta:hover .cta-icon svg,.outline.cta:focus-visible .cta-icon svg{animation:none}}


/* Mobile disclosure navigation: replaces the wrapped two-line header below 760px. */
.menu{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;padding:0;background:transparent;border:1px solid #8ca5c580;border-radius:50%;color:#15263e;cursor:pointer;transition:background .25s,border-color .25s}
.menu-icon{position:relative;display:block;width:18px;height:12px}
.menu-icon i{position:absolute;left:0;display:block;width:18px;height:1.5px;background:currentColor;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1)}
.menu-icon i:first-child{top:2px}
.menu-icon i:last-child{top:9px;width:12px}
.menu:hover{border-color:#8ca5c5;background:#2354c708}
.menu[aria-expanded="true"]{border-color:#2354c759;background:#2354c70d}
.menu[aria-expanded="true"] .menu-icon i:first-child{top:5px;transform:rotate(45deg)}
.menu[aria-expanded="true"] .menu-icon i:last-child{top:5px;width:18px;transform:rotate(-45deg)}
@media(max-width:760px){
  .nav{flex-wrap:nowrap;min-height:76px;gap:12px}
  .menu{display:inline-flex}
  .nav nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:auto;margin:0;order:0;padding:8px clamp(20px,5vw,38px) 18px;background:#f3f8fff7;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border-bottom:1px solid #b6cbe666;box-shadow:0 26px 40px #1f3f6b1c;max-height:calc(100svh - 76px);overflow-y:auto}
  .nav nav.open{display:flex;animation:menu-drop .42s cubic-bezier(.22,1,.36,1) both}
  .nav nav a{padding:16px 2px;font-size:15px;font-weight:500;line-height:1.2;letter-spacing:-.01em;border-bottom:1px solid #c8d9ec8f;color:#183150}
  .nav nav a:last-child{border-bottom:0}
  .nav nav a:hover,.nav nav a:focus-visible{color:#2354c7;text-decoration:none}
  .nav nav a:after{display:none}
  header.scrolled .nav{min-height:60px}
  .outline.cta{margin-left:auto}
}
@media(max-width:560px){
  .nav{flex-wrap:nowrap;padding-top:0}
  .nav nav{order:0;width:auto;justify-content:flex-start;padding:8px 20px 16px;gap:0}
  .outline.cta{margin-left:auto;min-width:0}
  header.scrolled .nav{min-height:58px;padding-top:0}
  header.scrolled .nav nav{padding:8px 20px 16px}
}
@media(max-width:400px){
  .brand{font-size:18px}.brand img{width:34px;height:32px}
  .outline.cta{min-width:0;font-size:11px;gap:8px;padding-left:12px;min-height:40px}
  .outline.cta .cta-icon{width:26px;height:26px}
  .menu{width:38px;height:38px}
}
@keyframes menu-drop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.nav nav.open{animation:none}.menu-icon i{transition:none}}