@font-face{font-family:Unbounded;src:url('/fonts/Unbounded-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Onest;src:url('/fonts/Onest-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Onest;src:url('/fonts/Onest-600.ttf') format('truetype');font-weight:600;font-display:swap}

:root{
  color-scheme:light;
  --paper:#f8f4ee;
  --ink:#11100f;
  --muted:#6b6660;
  --line:#d9d0c5;
  --pink:#f15b96;
  --orange:#f1a33a;
  --green:#37b47c;
  --shadow:0 22px 55px rgba(60,45,34,.12),0 3px 8px rgba(60,45,34,.07);
}

*{box-sizing:border-box}
html{max-width:100%;overflow-x:clip;background:var(--paper);font-size:16px}
body{margin:0;min-width:320px;min-height:100svh;background:
  radial-gradient(circle at 92% 8%,rgba(241,91,150,.13),transparent 28rem),
  radial-gradient(circle at 0 100%,rgba(241,163,58,.12),transparent 30rem),var(--paper);
  max-width:100%;overflow-x:clip;color:var(--ink);font-family:Onest,Arial,sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:10;transform:translateY(-180%);padding:.75rem 1rem;background:#fff;border:2px solid var(--ink);font-weight:600}
.skip-link:focus{transform:none}
.page-shell{width:min(100%,72rem);min-height:100svh;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) max(1.1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.1rem,env(safe-area-inset-left));display:flex;flex-direction:column}
.page-shell>*,.topbar,.intro,.choice-grid,.choice,.choice-copy{min-width:0;max-width:100%}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}
.brand{display:inline-flex;align-items:center;flex:0 1 6.5rem;width:6.5rem;min-width:0}
.brand img{display:block;width:100%;height:auto}
.locale-switch{display:flex;flex:0 0 auto;max-width:100%;padding:.22rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 8px 25px rgba(60,45,34,.07)}
.locale-switch button{min-width:52px;min-height:52px;padding:.5rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font:600 .875rem/1 Onest,Arial,sans-serif;cursor:pointer}
.locale-switch button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:0 4px 12px rgba(17,16,15,.22)}
.intro{max-width:50rem;margin:clamp(3.5rem,10vh,7.5rem) 0 clamp(2.2rem,6vh,4rem)}
.eyebrow{margin:0 0 1rem;color:#c6316c;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
h1{max-width:18ch;margin:0;font:700 clamp(2.35rem,8.5vw,5rem)/1.02 Unbounded,Arial,sans-serif;letter-spacing:-.055em;text-wrap:balance}
.lede{max-width:40rem;margin:1.4rem 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55;text-wrap:balance}
.choice-grid{display:grid;grid-auto-rows:1fr;gap:1rem;margin-top:0}
.choice{position:relative;display:grid;grid-template-columns:minmax(0,3.25rem) minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;min-height:10.5rem;padding:1.25rem;border:1px solid rgba(17,16,15,.14);border-radius:1.5rem;background:rgba(255,255,255,.86);box-shadow:var(--shadow);text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.choice::before{content:"";position:absolute;inset:auto -12% -75% 20%;height:13rem;border-radius:50%;filter:blur(1rem);opacity:.2;z-index:-1;transition:opacity .22s ease,transform .22s ease}
.choice-audit::before{background:linear-gradient(90deg,var(--orange),var(--pink))}
.choice-solution::before{background:linear-gradient(90deg,var(--green),#7d8cff)}
.choice-number{position:absolute;right:1.1rem;top:.8rem;color:rgba(17,16,15,.34);font-size:.75rem;font-weight:600;letter-spacing:.12em}
.choice-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:1rem;background:#fff;border:1px solid rgba(17,16,15,.13);box-shadow:0 8px 18px rgba(60,45,34,.1)}
.choice-icon svg{width:1.75rem;height:1.75rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.choice-copy{display:grid;gap:.55rem;min-width:0}
.choice-copy strong{min-width:0;overflow-wrap:anywhere;font:700 clamp(1.05rem,3.6vw,1.3rem)/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.035em}
.choice-copy>span{min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:1rem;line-height:1.45}
.choice-arrow{align-self:end;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;background:var(--ink);color:#fff;font-size:1.2rem;transition:transform .22s ease}
.choice:hover,.choice:focus-visible{outline:0;border-color:rgba(17,16,15,.45);transform:translateY(-3px);box-shadow:0 28px 65px rgba(60,45,34,.16),0 5px 12px rgba(60,45,34,.08)}
.choice:hover::before,.choice:focus-visible::before{opacity:.34;transform:translateY(-.5rem)}
.choice:hover .choice-arrow,.choice:focus-visible .choice-arrow{transform:translate(2px,-2px)}
.choice[aria-disabled="true"]{pointer-events:none;opacity:.64;transform:none}
.entry-status{margin:1rem 0 0;padding:.9rem 1rem;border-radius:1rem;background:rgba(255,255,255,.78);color:var(--ink);font-size:1rem;text-align:center;box-shadow:0 8px 24px rgba(60,45,34,.07)}
.privacy{margin:1.25rem 0 0;text-align:center;color:var(--muted);font-size:.875rem}

@media (min-width:760px){
  .page-shell{padding:2.2rem clamp(2.5rem,6vw,5rem) 3rem}
  .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}
  .choice{grid-template-columns:minmax(0,4rem) minmax(0,1fr) auto;gap:1.2rem;min-height:13.5rem;padding:1.7rem}
  .choice-icon{width:4rem;height:4rem;border-radius:1.15rem}
  .choice-copy>span{font-size:1rem}
}

@media (max-width:420px){
  .intro{margin-top:3rem}
  .choice{grid-template-columns:minmax(0,3.1rem) minmax(0,1fr);min-height:9.8rem;padding:1.05rem}
  .choice-arrow{position:absolute;right:1rem;bottom:1rem;width:2.35rem;height:2.35rem}
  .choice-copy{padding-right:2.5rem}
}

@media (max-width:420px) and (max-height:700px){
  .page-shell{min-height:100svh;padding:max(.7rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
  .brand{flex-basis:5.8rem;width:5.8rem}
  .locale-switch button{min-width:48px;min-height:48px}
  .intro{margin:.7rem 0 .85rem}
  .eyebrow{margin-bottom:.35rem;font-size:.75rem}
  h1{font-size:1.72rem;line-height:1.04;letter-spacing:-.045em}
  .lede{margin-top:.55rem;font-size:1rem;line-height:1.34;text-wrap:pretty}
  .choice-grid{gap:.65rem;margin-top:0}
  .choice{display:block;min-height:0;padding:.78rem 3.2rem .78rem 4.2rem;border-radius:1.25rem}
  .choice-icon{position:absolute;left:.78rem;top:50%;width:2.85rem;height:2.85rem;transform:translateY(-50%)}
  .choice-copy{display:grid;gap:.3rem;padding-right:0}
  .choice-copy strong{font-size:1rem;line-height:1.18}
  .choice-copy>span{font-size:1rem;line-height:1.28}
  .choice-arrow{right:.72rem;bottom:auto;top:50%;width:2.35rem;height:2.35rem;transform:translateY(-50%)}
  .choice:hover .choice-arrow,.choice:focus-visible .choice-arrow{transform:translate(2px,calc(-50% - 2px))}
  .choice-number{right:.72rem;top:.45rem;font-size:.65rem}
  .privacy{margin-top:.65rem;font-size:.875rem;line-height:1.25}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}