.resources-page{min-height:100svh;overflow:clip;background:var(--white);color:var(--black)}.resources-shell{width:min(calc(100% - 2 * var(--page-x)),90rem);margin-inline:auto}.resources-hero{position:relative;display:flex;min-height:clamp(40rem,78svh,44rem);align-items:center;overflow:hidden;padding:clamp(7.5rem,10vw,9rem) 0 clamp(3.5rem,6vw,5rem);border-bottom:1px solid color-mix(in oklab,var(--black) 8%,transparent);background:var(--background);color:var(--black);isolation:isolate}.resources-hero-media,.resources-hero-scrim{position:absolute;inset:0}.resources-hero-media{z-index:-2;overflow:hidden;background:var(--background)}.resources-hero-canvas{display:block;width:100%;height:100%}.resources-hero-poster,.resources-hero-canvas{position:absolute;pointer-events:none;transition:opacity .14s ease}.resources-hero-poster{right:8%;bottom:0;width:auto;height:min(70%,32.5rem);object-fit:contain;object-position:center bottom}.resources-hero-canvas{inset:0;opacity:0}.resources-hero[data-gecko-ready=true] .resources-hero-poster{opacity:0}.resources-hero[data-gecko-ready=true] .resources-hero-canvas{opacity:1}.resources-hero-boat-cursor{--boat-x: -3rem;--boat-y: -3rem;--boat-tilt: 0deg;position:absolute;z-index:8;top:0;left:0;display:block;width:1.4rem;height:1.1rem;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 2px rgb(34 30 27 / 18%));transform:translate3d(var(--boat-x),var(--boat-y),0) translate(-50%,-62%) rotate(var(--boat-tilt));transform-origin:50% 72%;transition:opacity 70ms linear;will-change:transform}.resources-hero-boat-cursor svg{display:block;width:100%;height:100%;overflow:visible}.boat-cursor-wake,.boat-cursor-mast{fill:none;stroke:#1b1a19;stroke-linecap:round}.boat-cursor-wake{stroke-width:1.25;opacity:.45}.boat-cursor-mast{stroke-width:1.5}.boat-cursor-sail-main{fill:#fffdf8;stroke:#1b1a19;stroke-width:1.15;stroke-linejoin:round}.boat-cursor-sail-accent,.boat-cursor-flag{fill:#e77f4f;stroke:#1b1a19;stroke-width:1.15;stroke-linejoin:round}.boat-cursor-hull{fill:#182946;stroke:#1b1a19;stroke-width:1.25;stroke-linejoin:round}.boat-cursor-window{fill:#f5c84b;stroke:#fffdf8;stroke-width:.65}.resources-hero.is-boat-cursor-active .resources-hero-boat-cursor{opacity:1}@media(hover:hover)and (pointer:fine){.resources-hero.has-boat-cursor,.resources-hero.has-boat-cursor *{cursor:none!important}}.resources-hero-scrim{z-index:-1;background:color-mix(in oklab,var(--background) 8%,transparent)}.resources-hero-inner{display:flex;align-items:center}.resources-hero-copy{position:relative;z-index:2;width:min(100%,40rem)}.resources-hero-intro{margin:0 0 clamp(1.25rem,2vw,1.75rem);color:color-mix(in oklab,var(--black) 64%,transparent);font-size:.75rem;line-height:1;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.resources-hero h1{max-width:16ch;margin:0;font-family:Inter Display,Inter Display Fallback,Inter,sans-serif;color:var(--foreground);font-size:clamp(2.85rem,4vw,3.5rem);line-height:.98;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.resources-hero-description{max-width:34em;margin:1.5rem 0 0;color:var(--muted-foreground);font-family:Inter,Inter Fallback,sans-serif;font-size:1.125rem;line-height:1.3;font-weight:500;letter-spacing:-.01em;text-wrap:balance}.resources-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.25rem .75rem;margin-top:1.75rem;opacity:0;transform:translateY(8px);animation:resources-actions-in .4s ease .4s forwards}.resources-hero-actions [data-slot=button]{min-height:2.5rem;padding-inline:.125rem;border-color:transparent;border-radius:.625rem;background:transparent;color:var(--foreground);box-shadow:none;font-size:.875rem;font-weight:500;text-decoration-color:color-mix(in oklab,var(--foreground) 28%,transparent);text-underline-offset:.22em;transition:color .18s ease,text-decoration-color .18s ease}.resources-hero-actions [data-slot=button]:first-child{min-height:2.75rem;padding-inline:1rem;border-color:var(--black);background:var(--black);color:var(--white)}.resources-hero-actions [data-slot=button]:not(:first-child):hover{border-color:transparent;background:transparent;color:var(--foreground);text-decoration-color:currentColor}.resources-hero-actions [data-slot=button]:first-child:hover{border-color:color-mix(in oklab,var(--black) 76%,var(--white));background:color-mix(in oklab,var(--black) 76%,var(--white))}.resources-hero-actions .resources-hero-pill--contact{border-color:transparent;background:transparent;color:var(--foreground);backdrop-filter:none}.resources-hero-actions .resources-hero-pill--contact:hover{border-color:transparent;background:transparent;color:var(--foreground)}.resources-hero-caption{position:absolute;right:var(--page-x);bottom:1.25rem;margin:0;color:color-mix(in oklab,var(--black) 62%,transparent);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;writing-mode:vertical-rl}@keyframes resources-actions-in{to{opacity:1;transform:translateY(0)}}.resource-cover-message{position:absolute;inset:auto auto .85rem .85rem;display:flex;max-width:calc(100% - 1.7rem);min-height:2.6rem;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem .8rem;border:1px solid color-mix(in oklab,var(--black) 9%,transparent);border-radius:.65rem;background:color-mix(in oklab,var(--white) 92%,transparent);color:var(--black);box-shadow:0 .35rem 1rem color-mix(in oklab,var(--black) 9%,transparent);backdrop-filter:blur(.65rem);font-size:.86rem;line-height:1.15;font-weight:600;letter-spacing:-.02em}.resource-cover-message:before{width:.5rem;height:.5rem;flex:none;border-radius:999px;background:var(--brand-yellow);content:""}.resource-cover-message[data-accent=orange]:before{background:var(--brand-orange)}.resource-cover-message[data-accent=green]:before{background:var(--brand-green)}.resource-cover-message[data-accent=cyan]:before{background:var(--brand-cyan)}.resource-cover-message[data-accent=blue]:before{background:var(--brand-blue-electric)}.resource-cover-message[data-accent=lilac]:before{background:var(--brand-lilac)}.resource-cover-message[data-accent=pink]:before{background:var(--brand-pink)}.resources-tabs{position:sticky;z-index:30;top:calc(var(--launch-banner-height, 0px) + 5.5rem);display:grid;grid-template-columns:repeat(4,minmax(max-content,1fr));width:min(calc(100% - 3rem),34rem);min-height:3.125rem;gap:.25rem;margin:1.25rem auto 0;padding:.25rem;border:1px solid color-mix(in oklab,var(--black) 7%,transparent);border-radius:999px;background:color-mix(in oklab,var(--white) 92%,transparent);box-shadow:0 .125rem .5rem color-mix(in oklab,var(--black) 5%,transparent);backdrop-filter:blur(.75rem)}.resources-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 1rem;border-radius:999px;color:var(--black);font-size:.875rem;line-height:1;font-weight:500;text-decoration:none;transition:background-color .16s ease}.resources-tabs a:hover,.resources-tabs a.is-active{background:var(--soft)}.resources-page:not(:has(.resources-tabs .is-active)):not(:has(.resources-section:target)) .resources-tabs a[href="#guides"],.resources-page:not(:has(.resources-tabs .is-active)):has(#guides:target) .resources-tabs a[href="#guides"],.resources-page:not(:has(.resources-tabs .is-active)):has(#blog:target) .resources-tabs a[href="#blog"],.resources-page:not(:has(.resources-tabs .is-active)):has(#cases:target) .resources-tabs a[href="#cases"],.resources-page:not(:has(.resources-tabs .is-active)):has(#product:target) .resources-tabs a[href="#product"]{background:var(--soft);color:var(--black);box-shadow:0 .125rem .45rem color-mix(in oklab,var(--black) 7%,transparent)}.resources-page:has(.resources-section:target) .resources-tabs a[href="#guides"]:not(.is-active){background:transparent;box-shadow:none}.resources-tabs a.is-active{color:var(--black);box-shadow:0 .125rem .45rem color-mix(in oklab,var(--black) 7%,transparent)}.resources-tabs a:focus-visible{box-shadow:0 0 0 2px var(--black)}.resources-sections{display:grid;gap:clamp(4.5rem,7vw,6.5rem);padding-block:clamp(4rem,7vw,6rem) clamp(6rem,9vw,8rem)}.resources-section{min-width:0;scroll-margin-top:10rem;padding:0}.resources-section-header{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;margin-bottom:1.75rem;padding-bottom:0;border-bottom:0}.resources-section-header h2{max-width:42rem;margin:0;font-family:Inter Display,Inter Display Fallback,Inter,sans-serif;font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.15;font-weight:600;letter-spacing:-.025em;text-wrap:balance}.resources-section-header>div{display:flex;min-width:0;flex-direction:column;gap:.25rem}.resources-section-header--editorial{padding-bottom:0}.resources-section-header--editorial h2{max-width:42rem;font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.15;letter-spacing:-.025em}.resources-section-eyebrow{color:color-mix(in oklab,var(--black) 58%,transparent);font-size:.75rem;line-height:1;font-weight:500;letter-spacing:0;text-transform:none}.resources-section-header p{max-width:42rem;margin:0;color:color-mix(in oklab,var(--black) 58%,transparent);font-size:.875rem;line-height:1.6}.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.resources-carousel-item{min-width:0}@media(max-width:900px){.resources-hero h1{max-width:20ch}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.resources-shell{width:calc(100% - 2.5rem)}.resources-hero{min-height:min(46rem,100svh);align-items:flex-end;padding:8rem 0 4.25rem}.resources-hero h1{max-width:17ch;font-size:2.35rem;line-height:1;letter-spacing:-.02em}.resources-hero-description{max-width:31rem;margin-top:1.5rem;font-size:.9375rem;line-height:1.3;font-weight:500}.resources-hero-actions{gap:.5rem;margin-top:1.75rem}.resources-hero-intro{display:none}.resources-hero-actions [data-slot=button]{flex:none;min-height:2.5rem;padding-inline:.125rem;font-size:.875rem}.resources-hero-actions [data-slot=button]:first-child{min-height:2.75rem;padding-inline:1rem}.resources-hero-poster{top:2rem;right:-1.25rem;bottom:auto;height:min(31%,16.875rem)}.resources-hero-scrim{background:color-mix(in oklab,var(--background) 28%,transparent)}.resources-hero-caption{display:none}.resources-tabs{top:calc(var(--launch-banner-height, 0px) + 4.75rem);display:flex;justify-content:flex-start;width:calc(100% - 2.5rem);overflow-x:auto;scrollbar-width:none}.resources-tabs::-webkit-scrollbar{display:none}.resources-sections{gap:5rem;padding-block:4.5rem 6rem}.resources-section-header{gap:.5rem;margin-bottom:1.25rem}.resources-section-header h2{font-size:1.5rem}.resources-section-header--editorial h2{max-width:100%;font-size:1.5rem;line-height:1.15}.resources-grid{display:flex;width:100%;gap:1.25rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.resources-grid::-webkit-scrollbar{display:none}.resources-carousel-item{flex:0 0 82%;scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.resources-hero-actions{opacity:1;transform:none;animation:none}.resources-typewriter-cursor{display:none;animation:none}}