@font-face{font-family:Sora;src:url("/assets/fonts/Sora-VariableFont_wght.ttf") format("truetype");font-weight:100 800;font-display:swap}
:root{--ink:#111827;--cobalt:#245B8F;--ice:#EAF1F6;--stone:#F4F1EC;--slate:#566273;--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--stone);font-family:Sora,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-80px;left:16px;z-index:3000;padding:10px;background:var(--ink);color:#fff}.skip-link:focus{top:16px}.section{padding:clamp(90px,8vw,130px) 0}.muted{background:#F8F6F2}.ice{background:var(--ice)}.eyebrow{margin:0 0 20px;color:var(--cobalt);font-size:.68rem;font-weight:750;letter-spacing:.18em}.dot{color:var(--cobalt)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(3.05rem,4.8vw,4rem);line-height:1}h2{font-size:clamp(2.05rem,2.8vw,3.1rem);line-height:1.05}h3{line-height:1.2}p{color:var(--slate);line-height:1.65}.lead{font-size:1.05rem;max-width:690px}.section-head{max-width:770px;margin-bottom:55px}.section-head>p:last-child{max-width:690px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:0 26px;border-radius:50px;background:var(--cobalt);color:#fff;font-size:.82rem;font-weight:750;box-shadow:0 16px 34px #245b8f2b;transition:transform .3s,box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 22px 42px #245b8f44}.text-link{display:inline-block;padding-bottom:5px;border-bottom:1px solid var(--cobalt);font-size:.84rem;font-weight:700}.text-link:hover{color:var(--cobalt)}
.skills-hero{min-height:660px;display:flex;align-items:center;background:radial-gradient(circle at 82% 44%,#dce8f1 0,transparent 32%),var(--stone)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(48px,5vw,100px);align-items:center}.hero-copy{position:relative;z-index:1}.hero-copy h1{max-width:710px}.hero-art{width:100%;max-width:570px;justify-self:end;aspect-ratio:1}.signal{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 38px #245b8f1c)}.orbit{fill:none;stroke:#245b8f33;stroke-width:1.5;transform-origin:300px 300px}.orbit-b{stroke-dasharray:6 10;animation:spin 45s linear infinite}.orbit-c{stroke:#245b8f24;animation:spin 34s linear infinite reverse}.signal-path{fill:none;stroke:#245b8f91;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;animation:draw 2.4s ease forwards}.signal-path.secondary{stroke:#245b8f55;animation-delay:.4s}.point{fill:var(--cobalt)}.pulse-dot{fill:#52a7db;animation:pulse 2.8s ease-in-out infinite}.pulse-dot.delay{animation-delay:1.3s}.core-halo{fill:#245b8f1a;animation:breathe 5s ease-in-out infinite}.core{fill:var(--cobalt)}.mark{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.mark-node{fill:#fff}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}
.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.problem{min-height:245px;padding:27px;background:#fff;border:1px solid #11182718;border-radius:16px}.number{color:var(--cobalt);font-size:.7rem;font-weight:800;letter-spacing:.16em}.problem h3{font-size:1rem;margin:28px 0 12px}.problem p,.steps p,.outcome p{font-size:.83rem}.value-grid{display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:center}.value-grid>div:first-child{max-width:590px}.value-grid .text-link{margin-top:16px}.value-symbol{min-height:330px;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:24px;background:radial-gradient(circle at 72% 30%,#fff,#dce8f2);border:1px solid #245b8f20;box-shadow:0 22px 55px #1118270e}.value-symbol span,.value-symbol strong{font-size:clamp(.72rem,1.3vw,1rem);letter-spacing:.08em}.value-symbol strong{color:var(--cobalt)}.value-symbol i{color:var(--cobalt);font-size:2.5rem;font-style:normal}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start;min-height:335px}.steps article{min-height:220px;padding:25px;border:1px solid #245b8f25;border-radius:16px;background:#fff;box-shadow:0 15px 30px #245b8f0b}.steps article:nth-child(1){margin-top:112px}.steps article:nth-child(2){margin-top:84px}.steps article:nth-child(3){margin-top:56px}.steps article:nth-child(4){margin-top:28px}.steps article:nth-child(5){margin-top:0}.steps h3{font-size:1rem;margin:25px 0 12px}
.outcome-section{background:var(--stone)}.outcomes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.outcome{position:relative;min-height:280px;padding:26px;border-radius:18px;background:#fff;border:1px solid #245b8f20;box-shadow:0 16px 30px #1118270d;overflow:hidden;transition:transform .3s,box-shadow .3s}.outcome:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--cobalt),#75b8d9)}.outcome:hover{transform:translateY(-7px);box-shadow:0 24px 42px #245b8f29}.outcome-index{font-size:.68rem;font-weight:800;color:var(--cobalt);letter-spacing:.18em}.outcome-mark{display:block;width:58px;height:58px;margin:29px 0 23px;border-radius:16px;background:var(--ice);color:var(--cobalt);display:grid;place-items:center;font-size:1.8rem}.outcome h3{margin-bottom:13px;font-size:1.18rem}.cta{background:#eaf1f6}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:55px;align-items:center}.cta h2{max-width:660px}.cta p:last-child{max-width:630px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pulse{50%{opacity:.3;transform:scale(1.7);transform-origin:center}}@keyframes breathe{50%{opacity:.4;transform:scale(1.12);transform-origin:300px 300px}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero-art{justify-self:center;width:min(75vw,540px)}.problem-grid,.outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.steps article{margin-top:0!important;min-height:185px}.steps article:last-child{grid-column:1/-1}.value-grid{grid-template-columns:1fr}.cta-grid{grid-template-columns:1fr}}
@media(max-width:620px){.section{padding:84px 0}.skills-hero{min-height:0}.hero-grid{gap:20px}h1{font-size:clamp(2.35rem,10vw,3.2rem)}h2{font-size:clamp(1.7rem,8vw,2.5rem)}.actions{align-items:flex-start;flex-direction:column}.hero-art{width:100%}.problem-grid,.outcomes,.steps{grid-template-columns:1fr}.steps article:last-child{grid-column:auto}.value-symbol{min-height:230px}.outcome{min-height:0}.cta .btn{width:fit-content}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal *,.btn,.outcome{animation:none!important;transition:none!important}.signal-path{stroke-dashoffset:0}}