:root { --anb:#0d7d96; --ink:#040d15; }
html { scroll-behavior:smooth; }
body { background:#f7f9fc; }
.anb-kicker { letter-spacing:.18em; text-transform:uppercase; font-size:.72rem; font-weight:700; }
.anb-grid-fade { background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:48px 48px; }
.anb-card-lift { transition:border-color .3s ease; }
.anb-card-lift:hover { border-color:rgba(13,125,150,.45); }
.anb-arrow { transition:none; }
.anb-image-zoom img { transition:none; }
/* Editorial reset: no card/CTA lift, no image zoom, no hover shadow on the home page. */
main a.group.rounded-xl:hover, main a.group.rounded-2xl:hover, main a.group.rounded-3xl:hover { transform:none; box-shadow:none; }
main :where(a, button)[class*="bg-[#0d7d96]"]:hover, main :where(a, button)[class*="bg-ink-dark"]:hover { transform:none; box-shadow:0 8px 22px rgba(4,13,21,.13); }
.anb-marquee { mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.anb-focus:focus-visible { outline:3px solid rgba(13,125,150,.42); outline-offset:4px; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior:auto; }
.anb-card-lift,.anb-arrow,.anb-image-zoom img { transition:none!important; transform:none!important; }
}
/* R3 homepage tokens kept local so the package remains build-independent. */
.r3-hero { min-height:760px; }
.r3-hero-overlay { background:linear-gradient(90deg,rgba(4,13,21,.96) 0%,rgba(4,13,21,.78) 45%,rgba(4,13,21,.30) 100%); }
.r3-hero-title { font-size:42px; line-height:.98; letter-spacing:-.045em; }
.r3-proof-grid { height:520px; }
.r3-radius-xl { border-radius:28px; }
/* R3 hero path selector — editorial strip, no glass, no card lift. */
.r3-pathbar { display:flex; flex-wrap:wrap; max-width:48rem; margin-top:2.5rem; border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.r3-pathbar-item { position:relative; flex:1 1 0; display:flex; align-items:center; gap:.85rem; padding:1.05rem 1.25rem; border-left:1px solid rgba(255,255,255,.12); }
.r3-pathbar-item:first-child { border-left:0; padding-left:0; }
.r3-pathbar-item:last-child { padding-right:0; }
.r3-pathbar-item::after { content:""; position:absolute; left:0; top:-1px; bottom:-1px; width:2px; background:#42d2e7; transform:scaleY(0); transform-origin:50% 0; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
.r3-pathbar-item:hover::after, .r3-pathbar-item:focus-visible::after { transform:scaleY(1); }
.r3-pathbar-num { font-size:10px; font-weight:700; letter-spacing:.2em; color:rgba(255,255,255,.42); }
.r3-pathbar-text { display:flex; flex-direction:column; min-width:0; }
.r3-pathbar-label { font-size:.9375rem; font-weight:700; color:#fff; }
.r3-pathbar-sub { margin-top:.15rem; font-size:11.5px; line-height:1.35; color:rgba(255,255,255,.58); }
.r3-pathbar-icon { margin-left:auto; font-size:13px; color:#42d2e7; opacity:.7; transition:opacity .3s cubic-bezier(.2,.8,.2,1); }
.r3-pathbar-item:hover .r3-pathbar-icon, .r3-pathbar-item:focus-visible .r3-pathbar-icon { opacity:1; }
@media (max-width:767px) {
.r3-pathbar { flex-direction:column; margin-top:2rem; }
.r3-pathbar-item { flex:1 1 auto; border-left:0; border-top:1px solid rgba(255,255,255,.12); padding:1rem 0; }
.r3-pathbar-item:first-child { border-top:0; }
}
@media (prefers-reduced-motion: reduce) {
.r3-pathbar-item::after, .r3-pathbar-icon { transition:none; }
}
.text-white { color:#fff; }
.text-white\/60 { color:rgba(255,255,255,.60); }
.text-white\/65 { color:rgba(255,255,255,.65); }
.text-white\/72 { color:rgba(255,255,255,.72); }
.text-white\/75 { color:rgba(255,255,255,.75); }
.text-white\/80 { color:rgba(255,255,255,.80); }
.text-\[\#42d2e7\] { color:#42d2e7; }
.text-\[\#8ce5f2\] { color:#8ce5f2; }
.bg-\[\#42d2e7\] { background-color:#42d2e7; }
.bg-\[\#eaf6f8\] { background-color:#eaf6f8; }
.bg-white\/10 { background-color:rgba(255,255,255,.10); }
.bg-white\/15 { background-color:rgba(255,255,255,.15); }
.bg-white\/5 { background-color:rgba(255,255,255,.05); }
.bg-white\/\[\.055\] { background-color:rgba(255,255,255,.055); }
.border-white\/10 { border-color:rgba(255,255,255,.10); }
.border-white\/12 { border-color:rgba(255,255,255,.12); }
.border-white\/15 { border-color:rgba(255,255,255,.15); }
.border-white\/20 { border-color:rgba(255,255,255,.20); }
.border-white\/25 { border-color:rgba(255,255,255,.25); }
.border-white\/30 { border-color:rgba(255,255,255,.30); }
.bg-\[\#0d7d96\]\/20 { background-color:rgba(13,125,150,.20); }
.border-\[\#0d7d96\]\/15 { border-color:rgba(13,125,150,.15); }
.w-96 { width:24rem; } .h-40 { height:10rem; } .w-\[420px\] { width:420px; }
.blur-3xl { filter:blur(64px); }
.-top-40 { top:-10rem; } .-right-32 { right:-8rem; } .-bottom-40 { bottom:-10rem; }
.py-20 { padding-top:5rem; padding-bottom:5rem; } .p-7 { padding:1.75rem; } .mt-7 { margin-top:1.75rem; } .mb-7 { margin-bottom:1.75rem; }
.min-h-\[360px\] { min-height:360px; } .min-h-\[470px\] { min-height:470px; }
.aspect-\[4\/3\] { aspect-ratio:4/3; } .aspect-\[16\/10\] { aspect-ratio:16/10; }
.aspect-\[4\/3\] img { aspect-ratio:4/3; }
.aspect-\[16\/10\] img { aspect-ratio:16/10; }
.aspect-\[4\/3\] img, .aspect-\[16\/10\] img { display:block; width:100%; height:auto; object-fit:cover; }
.opacity-40 { opacity:.4; } .opacity-75 { opacity:.75; }
.leading-\[1\.02\] { line-height:1.02; } .leading-\[1\.03\] { line-height:1.03; }
.tracking-\[-\.035em\] { letter-spacing:-.035em; } .tracking-\[-\.04em\] { letter-spacing:-.04em; }
.isolate { isolation:isolate; }
.gap-2\.5 { gap:.625rem; } .gap-x-6 { column-gap:1.5rem; } .gap-y-3 { row-gap:.75rem; }
.grid-rows-2 { grid-template-rows:repeat(2,minmax(0,1fr)); } .col-span-2 { grid-column:span 2/span 2; }
.hover\:bg-\[\#0a687e\]:hover { background-color:#0a687e; } .hover\:bg-\[\#1195b3\]:hover { background-color:#1195b3; }
.hover\:bg-white:hover { background-color:#fff; } .hover\:bg-white\/15:hover { background-color:rgba(255,255,255,.15); }
.hover\:text-\[\#42d2e7\]:hover { color:#42d2e7; } .hover\:border-\[\#42d2e7\]:hover { border-color:#42d2e7; }
.shadow-\[0_16px_40px_-18px_rgba\(66\,210\,231\,\.8\)\] { box-shadow:0 16px 40px -18px rgba(66,210,231,.8); }
.focus\:not-sr-only:focus { position:static; width:auto; height:auto; padding:.75rem 1rem; margin:0; overflow:visible; clip:auto; white-space:normal; }
.z-\[100\] { z-index:100; } .left-2 { left:.5rem; }
@media (min-width:640px) {
.r3-hero-title { font-size:54px; }
.sm\:px-8 { padding-left:2rem; padding-right:2rem; } .sm\:p-12 { padding:3rem; } .sm\:p-4 { padding:1rem; }
.sm\:pr-6 { padding-right:1.5rem; } .sm\:pl-6 { padding-left:1.5rem; } .sm\:gap-0 { gap:0; } .sm\:gap-3 { gap:.75rem; }
.sm\:border-x { border-left-width:1px; border-right-width:1px; } .sm\:border-white\/10 { border-color:rgba(255,255,255,.10); }
.sm\:text-5xl { font-size:3rem; line-height:1; } .sm\:text-lg { font-size:1.125rem; line-height:1.75rem; } .sm\:text-\[11px\] { font-size:11px; }
}
@media (min-width:768px) {
.r3-pathbar { margin-top:3.5rem; }
.r3-hero { min-height:820px; } .r3-hero-title { font-size:68px; } .r3-proof-grid { height:620px; }
.md\:py-28 { padding-top:7rem; padding-bottom:7rem; } .md\:pb-28 { padding-bottom:7rem; } .md\:pb-14 { padding-bottom:3.5rem; } .md\:pb-12 { padding-bottom:3rem; }
.md\:p-7 { padding:1.75rem; } .md\:p-5 { padding:1.25rem; } .md\:mt-14 { margin-top:3.5rem; } .md\:mt-8 { margin-top:2rem; } .md\:mb-16 { margin-bottom:4rem; }
.md\:gap-4 { gap:1rem; } .md\:gap-5 { gap:1.25rem; } .md\:justify-between { justify-content:space-between; }
.md\:text-6xl { font-size:3.75rem; line-height:1; }
}
@media (min-width:1024px) {
.r3-hero-title { font-size:78px; }
.lg\:p-14 { padding:3.5rem; } .lg\:p-16 { padding:4rem; } .lg\:gap-12 { gap:3rem; } .lg\:gap-16 { gap:4rem; }
.lg\:min-h-\[520px\] { min-height:520px; } .lg\:max-w-sm { max-width:24rem; } .lg\:justify-end { justify-content:flex-end; } .lg\:col-start-9 { grid-column-start:9; }
}