:root{--ink:#10161f;--ink-soft:#243041;--muted:#5d6b7c;--line:#d5dde8;--paper:#f4f7fb;--paper-2:#e8eef6;--linkedin:#0a66c2;--linkedin-deep:#004182;--mint:#b8f0d4;--max:1120px;--display:"Bricolage Grotesque", "Arial Narrow", sans-serif;--font:"Figtree", "Segoe UI", sans-serif}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:min(100% - 2.5rem,var(--max));margin-inline:auto}.site{overflow-x:clip}.btn{min-height:54px;font-family:var(--font);letter-spacing:.01em;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:.85rem 1.55rem;font-size:.98rem;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--linkedin);color:#fff;box-shadow:0 16px 36px #0a66c247}.btn-primary:hover{background:var(--linkedin-deep)}.hero{color:#fff;background:radial-gradient(900px 520px at 82% 18%,#0a66c273,#0000 62%),radial-gradient(700px 480px at 12% 88%,#b8f0d429,#0000 58%),linear-gradient(155deg,#0b1a2e 0,#12345a 42%,#0a66c2);align-items:center;min-height:100dvh;padding:5.5rem 0 3.5rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 0),linear-gradient(90deg,#ffffff0b 1px,#0000 0);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 35%,#0000 95%);mask-image:linear-gradient(#000 35%,#0000 95%)}.hero-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.brand{letter-spacing:.08em;text-transform:uppercase;color:#ffffffd1;margin:0 0 1.35rem;font-size:1.05rem;font-weight:700;animation:.7s both rise}.brand,.hero h1{font-family:var(--display)}.hero h1{letter-spacing:-.045em;max-width:11ch;margin:0;font-size:clamp(2.55rem,6.2vw,4.55rem);font-weight:800;line-height:.98;animation:.85s 50ms both rise}.hero-lead{color:#ffffffdb;max-width:34rem;margin:1.15rem 0 0;font-size:clamp(1.02rem,2vw,1.18rem);animation:.85s .12s both rise}.hero-actions{margin-top:1.7rem;animation:.9s .18s both rise}.hero-art{justify-self:end;width:min(100%,460px);animation:5.5s ease-in-out infinite alternate floaty}.hero-art svg{filter:drop-shadow(0 28px 50px #04183059);width:100%;height:auto}.pains{background:linear-gradient(180deg,#f7fafc 0,var(--paper) 40%,var(--paper-2) 100%);padding:5.5rem 0 6rem}.pains-head{max-width:40rem;margin-bottom:2.4rem}.pains-head h2{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.pains-head p{color:var(--muted);margin:.85rem 0 0;font-size:1.08rem}.pain-list{grid-template-columns:repeat(5,1fr);gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.pain-item{border-top:3px solid var(--linkedin);color:var(--ink);background:#ffffffb8;padding:1.35rem 1.15rem 1.4rem;animation:.7s both rise}.pain-item:first-child{animation-delay:50ms}.pain-item:nth-child(2){animation-delay:.1s}.pain-item:nth-child(3){animation-delay:.15s}.pain-item:nth-child(4){animation-delay:.2s}.pain-item:nth-child(5){animation-delay:.25s}.pain-index{letter-spacing:.08em;color:var(--linkedin);margin-bottom:1.1rem;font-size:.85rem;font-weight:700;display:block}.pain-index,.pain-item h3{font-family:var(--display)}.pain-item h3{letter-spacing:-.03em;margin:0;font-size:1.28rem;line-height:1.15}.pain-item p{color:var(--muted);margin:.65rem 0 0;font-size:.95rem}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@media (width<=980px){.hero-grid{grid-template-columns:1fr}.hero h1{max-width:14ch}.hero-art{order:-1;justify-self:center;width:min(100%,380px)}.pain-list{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero{padding:4.5rem 0 2.8rem}.pain-list{grid-template-columns:1fr}.btn{width:100%}}@media (prefers-reduced-motion:reduce){.brand,.hero h1,.hero-actions,.hero-art,.hero-lead,.pain-item{animation:none}}