:root{
  --ink:#0A1C2A;
  --blue:#526897;
  --blue-tint:#E2E7F0;
  --paprika:#E95B20;
  --paprika-tint:#FBE4D8;
  --paper:#F0F0F0;
  --cream:#F7F6F3;
  --white:#FFFFFF;
  --ink-65:rgba(10,28,42,.65);
  --ink-40:rgba(10,28,42,.40);
  --disp:"Fraunces",serif;
  --body:"Hanken Grotesk",sans-serif;
  --r-xl:42px;--r-lg:30px;--r-md:20px;--r-pill:999px;
  --maxw:1180px;
  --pad:clamp(20px,5vw,40px);
  --ease:cubic-bezier(.22,1,.36,1);
  --shadow-blue:0 34px 70px -34px rgba(82,104,151,.55);
  --shadow-ink:0 26px 60px -32px rgba(10,28,42,.34);
  --shadow-paprika:0 34px 70px -34px rgba(233,91,32,.5);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:var(--paprika);color:#fff}

.disp{font-family:var(--disp);font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 1;font-weight:600;letter-spacing:-.015em;line-height:1.02}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.kicker{font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--blue);display:inline-flex;align-items:center;gap:9px}
.kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--paprika)}

.awg .c1{fill:var(--blue)}
.awg .c2{fill:var(--paprika)}
.on-blue .awg .c1,.on-ink .awg .c1{fill:var(--white)}

.blob{border-radius:62% 38% 54% 46% / 56% 44% 56% 44%}

header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px var(--pad);display:flex;justify-content:center;transition:padding .4s var(--ease)}
.navpill{width:100%;max-width:var(--maxw);background:rgba(255,255,255,.7);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.6);border-radius:var(--r-pill);box-shadow:var(--shadow-ink);
  display:flex;align-items:center;justify-content:space-between;padding:11px 12px 11px 24px;transition:box-shadow .4s var(--ease)}
.navpill .logo svg{width:60px;height:auto;display:block}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-links a.lk{padding:9px 16px;border-radius:var(--r-pill);font-weight:500;font-size:.95rem;color:var(--ink-65);transition:.25s var(--ease)}
.nav-links a.lk:hover{background:var(--blue-tint);color:var(--ink)}
.pill-cta{padding:11px 22px;border-radius:var(--r-pill);background:var(--paprika);color:#fff;font-weight:600;font-size:.95rem;
  display:inline-flex;align-items:center;gap:8px;transition:.3s var(--ease)}
.pill-cta:hover{background:var(--ink);transform:translateY(-1px)}
.pill-cta .a{transition:transform .3s var(--ease)}
.pill-cta:hover .a{transform:translateX(3px)}
.burger{display:none;width:44px;height:44px;border:none;background:var(--blue-tint);border-radius:var(--r-pill);cursor:pointer;align-items:center;justify-content:center}
.burger svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}

.hero{padding:clamp(140px,18vh,200px) 0 clamp(60px,8vh,110px);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:center}
.hero h1{font-size:clamp(2.7rem,6.3vw,5rem)}
.hero h1 .mark{position:relative;white-space:nowrap}
.hero h1 .mark .squig{position:absolute;left:0;right:0;bottom:-.12em;width:100%;height:.36em;overflow:visible}
.hero p.lead{font-size:clamp(1.08rem,1.5vw,1.3rem);color:var(--ink-65);max-width:32ch;margin:26px 0 36px}
.hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.btn-soft{padding:16px 28px;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-weight:600;font-size:1.02rem;
  display:inline-flex;align-items:center;gap:11px;box-shadow:var(--shadow-ink);transition:.3s var(--ease)}
.btn-soft:hover{transform:translateY(-3px);background:var(--paprika)}
.btn-soft .a{transition:transform .3s var(--ease)}.btn-soft:hover .a{transform:translateX(4px)}
.btn-text{font-weight:600;font-size:1.02rem;display:inline-flex;align-items:center;gap:9px;padding:14px 8px;color:var(--blue);transition:gap .3s var(--ease)}
.btn-text:hover{gap:15px}

.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:380px}
.hero-blob{width:min(100%,420px);aspect-ratio:1;background:linear-gradient(150deg,var(--blue),#6178a8);
  display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-blue);animation:morph 14s ease-in-out infinite;position:relative}
.hero-blob .awg{width:54%}
.hero-blob .awg .c1{fill:var(--white)}.hero-blob .awg .c2{fill:var(--paprika)}
.accent-blob{position:absolute;width:120px;height:120px;background:var(--paprika);box-shadow:var(--shadow-paprika);
  bottom:4%;left:2%;animation:morph 11s ease-in-out infinite reverse}
.chip{position:absolute;background:var(--white);border-radius:var(--r-pill);padding:11px 18px;font-weight:600;font-size:.86rem;
  box-shadow:var(--shadow-ink);display:flex;align-items:center;gap:9px}
.chip .d{width:8px;height:8px;border-radius:50%}
.chip.c1x{top:8%;right:-2%;animation:bob 6s ease-in-out infinite}
.chip.c2x{bottom:14%;right:6%;animation:bob 6s ease-in-out infinite 1.4s}
.chip .blu{background:var(--blue)}.chip .org{background:var(--paprika)}
@keyframes morph{0%,100%{border-radius:62% 38% 54% 46% / 56% 44% 56% 44%}50%{border-radius:44% 56% 40% 60% / 48% 52% 48% 52%}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.section{padding:clamp(60px,9vh,120px) 0}
.sec-head{text-align:center;max-width:40ch;margin:0 auto clamp(48px,6vw,72px)}
.sec-head h2{font-size:clamp(2rem,4vw,3.1rem);margin-top:16px}
.sec-head p{color:var(--ink-65);margin-top:16px;font-size:1.1rem}

.srv{display:flex;flex-direction:column;gap:clamp(20px,3vw,32px)}
.srv-row{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,56px);align-items:center;
  background:var(--white);border-radius:var(--r-xl);padding:clamp(24px,3.5vw,44px);box-shadow:var(--shadow-ink);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.srv-row:hover{transform:translateY(-6px);box-shadow:0 40px 80px -36px rgba(82,104,151,.5)}
.srv-blob{width:clamp(92px,11vw,132px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:border-radius .8s var(--ease)}
.srv-row:hover .srv-blob{border-radius:50%}
.srv-blob .num{font-family:var(--disp);font-variation-settings:"opsz" 144,"SOFT" 80,"WONK" 1;font-weight:500;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}
.srv-blob svg{position:absolute;width:30px;height:30px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;top:14px;right:14px;opacity:.5}
.b-blue{background:var(--blue-tint)}.b-blue .num{color:var(--blue)}.b-blue svg{stroke:var(--blue)}
.b-org{background:var(--paprika-tint)}.b-org .num{color:var(--paprika)}.b-org svg{stroke:var(--paprika)}
.srv-body h3{font-family:var(--disp);font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 0;font-weight:600;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.01em}
.srv-body p{color:var(--ink-65);margin-top:8px;max-width:54ch}
.srv-go{width:56px;height:56px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;
  flex-shrink:0;font-size:1.3rem;color:var(--ink);transition:.35s var(--ease)}
.srv-row:hover .srv-go{background:var(--ink);color:var(--paper)}
.srv-go .a{transition:transform .35s var(--ease)}
.srv-row:hover .srv-go .a{transform:translate(2px,-2px)}

.panel{margin:0 var(--pad)}
.about-panel{max-width:var(--maxw);margin:0 auto;background:var(--blue);color:var(--paper);border-radius:var(--r-xl);
  padding:clamp(40px,6vw,80px);position:relative;overflow:hidden;box-shadow:var(--shadow-blue)}
.about-panel .awg{position:absolute;right:-60px;bottom:-70px;width:340px;opacity:.1}
.about-panel .awg .c1,.about-panel .awg .c2{fill:var(--white)}
.about-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(34px,5vw,70px);align-items:center}
.about-grid .kicker{color:rgba(255,255,255,.85)}.about-grid .kicker::before{background:var(--paprika)}
.about-grid h2{font-family:var(--disp);font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1;font-weight:600;font-size:clamp(1.9rem,3.6vw,3rem);color:#fff;margin:16px 0 18px}
.about-grid p{color:rgba(255,255,255,.82);font-size:1.06rem;max-width:46ch}
.vals{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}
.vals span{padding:9px 18px;border-radius:var(--r-pill);border:1.5px solid rgba(255,255,255,.4);font-weight:500;font-size:.9rem;color:#fff}
.stats{display:flex;flex-direction:column;gap:14px}
.stat-card{background:rgba(255,255,255,.1);border-radius:var(--r-lg);padding:22px 26px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;backdrop-filter:blur(4px)}
.stat-card .k{font-family:var(--disp);font-variation-settings:"opsz" 144,"SOFT" 70,"WONK" 1;font-weight:600;font-size:clamp(2rem,4vw,2.8rem);color:#fff;line-height:.9}
.stat-card .v{font-size:.9rem;color:rgba(255,255,255,.75);text-align:right;max-width:13ch}

.cta-panel{max-width:var(--maxw);margin:clamp(60px,9vh,120px) auto;background:var(--paprika);color:#fff;border-radius:var(--r-xl);
  padding:clamp(48px,7vw,96px) clamp(30px,5vw,60px);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-paprika)}
.cta-panel::before{content:"";position:absolute;width:300px;height:300px;background:rgba(255,255,255,.1);border-radius:50%;top:-130px;right:-60px}
.cta-panel h2{font-family:var(--disp);font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 1;font-weight:600;font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:18ch;margin:14px auto 30px;position:relative}
.cta-panel .kicker{color:rgba(255,255,255,.9)}.cta-panel .kicker::before{background:#fff}
.btn-white{position:relative;padding:17px 32px;border-radius:var(--r-pill);background:#fff;color:var(--paprika);font-weight:700;font-size:1.05rem;
  display:inline-flex;align-items:center;gap:12px;transition:.3s var(--ease)}
.btn-white:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.btn-white .a{transition:transform .3s var(--ease)}.btn-white:hover .a{transform:translateX(4px)}

footer{background:var(--white);border-radius:var(--r-xl) var(--r-xl) 0 0;margin-top:10px;padding:clamp(48px,6vw,76px) 0 32px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(10,28,42,.1)}
.foot-brand svg{width:84px;margin-bottom:16px}
.foot-brand p{color:var(--ink-65);font-size:.94rem;max-width:26ch}
.foot-col h4{font-family:var(--disp);font-variation-settings:"opsz" 30,"SOFT" 40;font-weight:600;font-size:1.05rem;margin-bottom:14px}
.foot-col a,.foot-col p{display:block;color:var(--ink-65);font-size:.95rem;padding:5px 0;transition:color .2s var(--ease)}
.foot-col a:hover{color:var(--paprika)}
.foot-bottom{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--ink-40);font-size:.86rem}

.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}

@media(max-width:880px){
  .hero-grid{grid-template-columns:1fr;gap:46px}
  .hero-visual{order:-1;min-height:320px}
  .about-grid{grid-template-columns:1fr;gap:38px}
  .srv-row{grid-template-columns:auto 1fr;gap:22px}
  .srv-go{display:none}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .nav-links{position:fixed;top:84px;left:var(--pad);right:var(--pad);flex-direction:column;align-items:stretch;gap:6px;
    background:var(--white);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-ink);
    transform:scale(.95);opacity:0;pointer-events:none;transition:.3s var(--ease)}
  .nav-links.open{transform:none;opacity:1;pointer-events:auto}
  .nav-links a.lk{padding:13px 16px}
  .burger{display:flex}
  .foot-grid{grid-template-columns:1fr}
}