@layer reset, components, page;
@font-face{font-family:"PP-Agrandir";src:url("../fonts/1791965491974-yL_168N4.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PP-Agrandir";src:url("../fonts/1791965492110-td5ebSbE.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PP-Agrandir";src:url("../fonts/1791965492176-NVflNrea.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492277-ZcK15BTR.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492359-nZPJd67T.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492479-0bhBAGDe.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492593-qFlEl3vP.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492754-UNdykPWq.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492860-oy06ncqA.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root{
  --space-xs: 57px;
  --space-sm: 69px;
  --space-md: 80px;
  --space-lg: 86px;
  --space-xl: 88px;
  --space-2xl: 95px;
  --space-3xl: 107px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 22px;
  --radius-pill: 100px;
  --maxw: 1320px;
  --gutter: 60px;
  --type-1: 14px;
  --type-2: 15px;
  --type-3: 17px;
  --type-4: 18px;
  --type-5: 24px;
  --type-6: 30px;
  --type-7: 36px;
  --type-8: 50px;
  --type-9: 60px;
  --space-1: 57px;
  --space-2: 60px;
  --space-3: 69px;
  --space-4: 70px;
  --space-5: 75px;
  --space-6: 80px;
  --space-7: 83px;
  --space-8: 86px;
  --space-9: 87px;
  --type-10: 74px;
  --type-h1: 60px;
  --type-h2: 36px;
  --type-h3: 36px;
  --type-h4: 36px;
  --color-bg: #f5f5f0;
  --space-10: 88px;
  --space-11: 90px;
  --space-12: 92px;
  --space-13: 95px;
  --space-14: 96px;
  --space-15: 107px;
  --color-ink: #1e3c3b;
  --font-body: GT-America, sans-serif;
  --shadow-md: rgba(7, 41, 41, 0.12) 0px 8px 40px 0px;
  --shadow-sm: rgba(7, 41, 41, 0.06) 0px 2px 12px 0px;
  --type-body: 18px;
  --color-demo: #7ecfdc;
  --color-mint: #e6f9f0;
  --color-soft: #f8f7f4;
  --color-text: #072929;
  --color-muted: #777777;
  --color-accent: #0d6c50;
  --color-border: #ebeae1;
  --color-on-ink: #ffffff;
  --font-display: PP-Agrandir, sans-serif;
  --leading-body: 1.6;
  --color-primary: #072929;
  --color-surface: #ffffff;
  --color-on-accent: #ffffff;
  --leading-display: 1.1;
  --color-accent-ink: #0d6c50;
  --color-background: #f5f5f0;
  --color-on-primary: #ffffff;
  --color-on-surface: #072929;
  --color-primary-ink: #072929;
  --section-pad-mobile: 40px;
  --section-pad-desktop: 100px;
}
@layer reset{*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
body{min-height:100vh;font-family:var(--font-body,system-ui,-apple-system,'Segoe UI',sans-serif);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:var(--leading-body,1.6)}
h1,h2,h3,h4{font-family:var(--font-display,var(--font-body));line-height:var(--leading-display,normal);letter-spacing:var(--tracking-display,normal)}
img,picture,svg{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.psf-wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:24px;padding-right:24px}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}}
@layer components{/* recipes — the site's own devices, written from the evidence */
/* Pixis devices. Values measured on pixis.ai. */

/* Grounds */
.ground-tint { background: var(--color-bg); color: var(--color-text); }
.ground-white { background: var(--color-surface); color: var(--color-text); }
.ground-soft { background: #f8f7f4; color: var(--color-text); }
.ground-warm { background: #f5f2e9; color: var(--color-text); }
.ground-ink { background: var(--color-ink); color: #ffffff; }
.wash-hero { background: linear-gradient(to right bottom, rgb(219, 253, 250), rgb(242, 235, 255)); color: var(--color-text); }
.wash-cta { background: linear-gradient(135deg, rgb(221, 248, 240), rgb(234, 232, 255)); color: var(--color-text); }
.wash-spectrum {
  background: linear-gradient(90deg, rgb(39, 242, 168) -2%, rgb(56, 230, 172) 12%, rgb(72, 217, 176), rgb(96, 217, 197) 38%, rgb(119, 217, 217) 50%, rgb(141, 211, 230) 63%, rgb(162, 205, 242) 75%, rgb(175, 192, 242));
  color: var(--color-text);
}

/* Seam: an image or card crossing the bottom edge of a band */
.seam-overlap { position: relative; z-index: 1; margin-bottom: -30px; }

/* Eyebrow and heading treatment */
.eyebrow {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.12px;
  color: var(--color-accent);
}
.ground-ink .eyebrow { color: var(--color-border); }
.accent-word { color: var(--color-accent); }
.ground-ink .accent-word { color: var(--color-mint); }

/* Buttons */
.btn-primary, .btn-secondary, .btn-demo, .btn-pill-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  text-transform: none;
  text-decoration: none;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.btn-primary {
  background: var(--color-primary);
  color: var(--color-on-primary);
  border: 1px solid var(--color-primary);
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.btn-primary:hover { filter: brightness(0.6); }
.btn-secondary {
  background: transparent;
  color: var(--color-text);
  border: 1px solid var(--color-text);
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.btn-secondary:hover { background: var(--color-text); color: #ffffff; }
.btn-demo {
  background: #7ecfdc;
  color: var(--color-text);
  border: 0;
  height: 54px;
  padding: 0 28px;
  font-size: 17px;
  font-weight: 500;
}
.btn-demo:hover { background: rgb(108, 195, 209); }
.btn-pill-icon {
  gap: 12px;
  background: var(--color-primary);
  color: #ffffff;
  border: 0;
  min-height: 54px;
  padding: 5px 28px 5px 5px;
  font-size: 17px;
  font-weight: 500;
}
.btn-pill-icon:hover { filter: brightness(0.6); }
.btn-pill-icon__disc {
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, #1cf3b4, rgb(162, 205, 242));
  display: inline-flex; align-items: center; justify-content: center;
}
.btn-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.cta-note { font-size: 14px; color: var(--color-accent); margin-top: 16px; }

/* Cards */
.card {
  background: var(--color-bg);
  border: 1px solid #ffffff;
  border-radius: var(--radius-sm);
  padding: 18px 16px;
}
.card-white {
  background: #ffffff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.card-pill {
  background: #ffffff;
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-sm);
  padding: 10px 18px;
}
.card-ink-outline {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(235, 234, 225, 0.25);
  border-radius: var(--radius-md);
  padding: 16px 20px;
  min-height: 72px;
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.2;
}

/* Chips and icon discs */
.chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--color-mint);
  color: var(--color-accent);
  border-radius: var(--radius-pill);
  padding: 4px 12px;
  font-size: 14px;
}
.chip-float {
  display: inline-flex; align-items: center; gap: 6px;
  background: #ffffff;
  color: var(--color-text);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-sm);
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
}
.icon-disc {
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--color-border);
  display: inline-flex; align-items: center; justify-content: center;
}
.logo-tile { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; display: inline-block; }

/* Image frames */
.frame-shot { border-radius: var(--radius-md); overflow: hidden; display: block; }
.frame-shot img { display: block; width: 100%; height: auto; }
.frame-ui {
  background: #ffffff;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.frame-case { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; aspect-ratio: 360 / 400; }
.frame-portrait { border-radius: 10px; overflow: hidden; aspect-ratio: 308 / 342; }

/* Logo marquee: put two copies of the logos in the track */
.logo-marquee { overflow: hidden; }
.logo-marquee__track {
  display: flex;
  width: max-content;
  animation: logo-carousel-scroll 28s linear infinite;
}
@keyframes logo-carousel-scroll {
  0% { transform: translate(0px); }
  100% { transform: translate(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .logo-marquee__track { animation: none; }
}

/* reveal */
/* reveal on entry — the site's own grammar: fade-up 20px 600ms cubic-bezier(0.65, 0, 0.35, 1) */
html[data-reveal-ready] [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 600ms cubic-bezier(0.65, 0, 0.35, 1),transform 600ms cubic-bezier(0.65, 0, 0.35, 1);will-change:opacity,transform}
html[data-reveal-ready] [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html[data-reveal-ready] [data-reveal]{opacity:1;transform:none;transition:none}}

/* chrome */

#nav{position:sticky;top:0;z-index:50;font-family:var(--font-body);font-size:14px;line-height:1.4;color:#072929;background:transparent}
#nav *,#nav *::before,#nav *::after{box-sizing:border-box}
#nav a,#nav button,#nav summary{color:inherit;font:inherit;text-decoration:none}
#nav button{background:none;border:0;padding:0;margin:0;cursor:pointer}
#nav ul{list-style:none;margin:0;padding:0}
#nav p{margin:0}
#nav img,#nav svg{display:block}
#nav a:focus-visible,#nav button:focus-visible,#nav summary:focus-visible{outline:2px solid #0d6c50;outline-offset:2px;border-radius:8px}

/* dim backdrop while a mega menu is open */
#nav::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:rgba(7,41,41,.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}
#nav:has(.has-menu:hover)::before,#nav:has(.has-menu:focus-within)::before{opacity:1;visibility:visible;transition:opacity .2s ease}

/* bar */
#nav .bar{position:relative;z-index:3;display:flex;align-items:center;gap:10px;width:100%;padding:0 60px}
#nav .brand{order:0;display:flex;align-items:center;gap:10px;padding:15px 0;flex:none}
#nav .links{order:1;align-self:stretch;display:flex}
#nav .links ul{display:flex}
#nav .links li{display:flex}
#nav .t-arrow{display:none}
#nav .t{display:flex;align-items:center;height:100%;padding:0 15px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;color:#072929;transition:opacity .2s ease}
#nav .links:has(.has-menu:hover) li:not(:hover) > .t{opacity:.45}
#nav .login{order:2;margin-left:auto}
#nav .demo{order:3}
#nav .cta{order:4}
#nav .login,#nav .demo{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:100px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .2s ease}
#nav .login{background:#fff}
#nav .login:hover{background:#ebeae1}
#nav .demo{background:var(--color-demo,#7ecfdc)}
#nav .demo:hover{background:#6cc3d1}
#nav .cta{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 20px 0 5px;border-radius:100px;background:#072929;color:#fff;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .2s ease}
#nav .cta:hover{background:#061b16}
#nav .cta-icon{flex:none}
#nav .menu-btn{display:none;order:5;width:44px;height:44px;align-items:center;justify-content:center}
#nav .menu-btn{width:48px}
#nav .menu-btn svg{width:34px;height:34px}
#nav .menu-btn .i-close{display:none}
#nav .menu-btn[aria-expanded="true"] .i-open{display:none}
#nav .menu-btn[aria-expanded="true"] .i-close{display:block}

/* mega menus (desktop) */
#nav .mega{position:absolute;z-index:-1;top:10px;left:50%;transform:translateX(-50%);width:calc(100% - 20px);max-width:1420px;display:grid;align-items:start;background:#f5f5f0;border-radius:20px;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;padding:81px 0 0 104px}
#nav .has-menu:hover > .mega,#nav .has-menu:focus-within > .mega{opacity:1;visibility:visible;transition:opacity .2s ease}
#nav .mega > *{padding-top:35px;padding-bottom:30px;min-width:0}
#nav .mega--products{grid-template-columns:minmax(0,310fr) minmax(0,290fr) minmax(0,280fr) minmax(0,136fr) 300px;grid-template-rows:minmax(329px,auto)}
#nav .mega--solutions{padding-left:155px;grid-template-columns:minmax(0,300fr) minmax(0,287fr) minmax(0,143fr) minmax(0,235fr) 300px;grid-template-rows:minmax(265px,auto)}
#nav .mega--simple{padding-left:155px;grid-template-columns:minmax(0,300fr) minmax(0,665fr) 300px;grid-template-rows:minmax(265px,auto)}
#nav .mega > .mg-head{display:block;padding-top:24px;padding-right:20px}
#nav .mg-title{display:flex;align-items:center;gap:20px;font-family:var(--font-display);font-size:40px;line-height:1.1;font-weight:400;color:#072929}
#nav .mg-desc{display:block;margin-top:6px;max-width:250px;font-size:16px;line-height:26px;font-weight:400}
#nav .mega > .mg-col--items{display:flex;flex-direction:column;gap:38px}
#nav .mg-item{display:flex;align-items:flex-start;gap:20px}
#nav .mg-item img{flex:none;width:40px;height:40px;border-radius:10px}
#nav .mg-item .n{display:block;font-family:var(--font-display);font-size:24px;line-height:28px;font-weight:400}
#nav .mg-item .d{display:block;margin-top:8px;max-width:160px;font-size:14px;line-height:22px;font-weight:400}
#nav .mega > .mg-col--list{padding-top:38px}
#nav .mega--simple > .mg-col--list{padding-top:50px}
#nav .mg-h{margin-bottom:17px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
#nav .mg-link{display:block;padding:3px 0;font-size:14px;line-height:22px;font-weight:400;transition:opacity .2s ease}
#nav .mg-link:hover{opacity:.7}
#nav .mega > .mg-card{display:block;align-self:stretch;background:#ebeae1;padding:46px 50px 40px}
#nav .mg-card .ct{display:block;font-family:var(--font-display);font-size:24px;line-height:26.4px;font-weight:400}
#nav .mg-card .cc{display:inline-block;margin-top:44px;padding-bottom:2px;border-bottom:2px solid #072929;font-size:16px;line-height:22px;font-weight:500}

/* mobile panel: hidden on desktop */
#nav .mb{display:none}

@media (max-width:1024px){
  #nav .links,#nav .bar > .login,#nav .bar > .demo,#nav .mega{display:none}
  #nav::before{display:none}
  #nav .bar{padding:0 16px}
  #nav .brand{padding:9.5px 0}
  #nav .cta{order:1;margin-left:auto}
  #nav .menu-btn{display:inline-flex}
  #nav .mb{display:block;position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;background:rgba(7,41,41,.5);opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s linear .2s}
  #nav .mb[data-open]{opacity:1;visibility:visible;transition:opacity .2s ease-out}
  #nav .mb-card{position:absolute;top:10px;left:10px;right:10px;bottom:10px;overflow-y:auto;background:#f5f5f0;border-radius:20px;padding:90px 22px 28px;transform:translateY(-6px);transition:transform .2s ease-out}
  #nav .mb[data-open] .mb-card{transform:none}
  #nav .acc{border-bottom:1px solid #dcd9cc}
  #nav .acc summary,#nav .row{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-size:16px;font-weight:500;line-height:1.3;cursor:pointer;list-style:none}
  #nav .row{border-bottom:1px solid #dcd9cc;justify-content:flex-start;gap:14px}
  #nav .acc summary::-webkit-details-marker{display:none}
  #nav .acc[open] .plus .v{display:none}
  #nav .acc-body{padding:0 0 18px}
  #nav .mb-link{display:block;padding:11px 0;min-height:44px;font-size:15px;font-weight:500;line-height:1.35}
  #nav .mb-lead .n{display:block;font-family:var(--font-display);font-size:24px;font-weight:400}
  #nav .mb-link .d,#nav .mb-item .d{display:block;margin-top:2px;font-size:14px;font-weight:400;line-height:1.4}
  #nav .mb-item{display:flex;align-items:center;gap:14px;padding:8px 0;min-height:44px}
  #nav .mb-item img{flex:none;width:40px;height:40px;border-radius:10px}
  #nav .mb-item .n{display:block;font-family:var(--font-display);font-size:20px;line-height:1.3}
  #nav .mb-h{margin:12px 0 0;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:16px}
  #nav .mb-card .mb-card,#nav a.mb-card{display:block;margin-top:12px;padding:20px;background:#ebeae1;border-radius:12px;position:static;transform:none}
  #nav a.mb-card .n{display:block;font-family:var(--font-display);font-size:20px;line-height:1.3}
  #nav a.mb-card .c{display:inline-block;margin-top:10px;padding-bottom:2px;border-bottom:2px solid #072929;font-weight:500;font-size:15px}
  #nav .mb-actions{display:flex;gap:10px;margin-top:24px}
  #nav .mb-actions .login,#nav .mb-actions .demo{flex:1;justify-content:center;height:48px;margin:0;order:0}
  #nav .mb-actions .login{background:#fff;border:1px solid #ebeae1}
}

#footer{background:#072929;color:#ebeae1;font-family:var(--font-body);font-size:14px;line-height:1.5}
#footer *,#footer *::before,#footer *::after{box-sizing:border-box}
#footer a{color:#ebeae1;text-decoration:none;font:inherit;transition:opacity .2s ease}
#footer ul{list-style:none;margin:0;padding:0}
#footer p{margin:0}
#footer img,#footer svg{display:block}
#footer a:focus-visible{outline:2px solid #1cf3b4;outline-offset:2px;border-radius:4px}
#footer .f-in{max-width:1440px;margin:0 auto;padding:60px 60px 0}
#footer .f-logo{display:inline-block}
#footer .f-main{display:flex;align-items:flex-start;gap:60px;margin-top:120px}
#footer .f-badges{flex:none;width:180px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:52px 0;background:var(--color-ink,#1e3c3b);border-radius:12px}
#footer .f-cols{display:flex;gap:60px;flex-wrap:wrap}
#footer .f-h{display:block;margin-bottom:20px;color:#fff;font-size:16px;line-height:20px;font-weight:500}
#footer .f-arrow{display:none}
#footer .f-col a.f-h:hover{opacity:.75}
#footer .f-col li a{display:block;padding:3px 0;font-size:14px;line-height:25.6px;font-weight:400;opacity:.78}
#footer .f-col li a:hover{opacity:1}
#footer .f-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 30px;margin-top:100px;padding:32px 0 29px;border-top:1px solid rgba(235,234,225,.2);font-size:12px;line-height:18px}
#footer .f-bar p{opacity:.8}
#footer .f-bar ul{display:flex;flex-wrap:wrap;gap:8px 30px}
#footer .f-bar a{opacity:.8}
#footer .f-bar a:hover{opacity:1}

@media (max-width:1024px){
  #footer .f-in{padding:48px 20px 0}
  #footer .f-main{flex-direction:column;gap:40px;margin-top:40px}
  #footer .f-badges{flex-direction:row;width:auto;align-self:flex-start;padding:24px 28px;gap:24px}
  #footer .f-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;width:100%}
  #footer .f-col li a{padding:10px 0;line-height:24px}
  #footer .f-h{margin-bottom:8px}
  #footer a.f-h{padding:10px 0;margin-bottom:0}
  #footer .f-bar{margin-top:48px;padding:24px 0 32px}
  #footer .f-bar a{display:inline-block;padding:10px 0}
}

/* reveal on entry — the site's own grammar: fade-up 20px 600ms cubic-bezier(0.65, 0, 0.35, 1) */
html[data-reveal-ready] [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 600ms cubic-bezier(0.65, 0, 0.35, 1),transform 600ms cubic-bezier(0.65, 0, 0.35, 1);will-change:opacity,transform}
html[data-reveal-ready] [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html[data-reveal-ready] [data-reveal]{opacity:1;transform:none;transition:none}}}
@layer reset, components, page;
@font-face{font-family:"PP-Agrandir";src:url("../fonts/1791965491974-yL_168N4.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PP-Agrandir";src:url("../fonts/1791965492110-td5ebSbE.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PP-Agrandir";src:url("../fonts/1791965492176-NVflNrea.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492277-ZcK15BTR.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492359-nZPJd67T.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492479-0bhBAGDe.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492593-qFlEl3vP.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492754-UNdykPWq.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"GT-America";src:url("../fonts/1791965492860-oy06ncqA.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root{
  --space-xs: 57px;
  --space-sm: 69px;
  --space-md: 80px;
  --space-lg: 86px;
  --space-xl: 88px;
  --space-2xl: 95px;
  --space-3xl: 107px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 22px;
  --radius-pill: 100px;
  --maxw: 1320px;
  --gutter: 60px;
  --type-1: 14px;
  --type-2: 15px;
  --type-3: 17px;
  --type-4: 18px;
  --type-5: 24px;
  --type-6: 30px;
  --type-7: 36px;
  --type-8: 50px;
  --type-9: 60px;
  --space-1: 57px;
  --space-2: 60px;
  --space-3: 69px;
  --space-4: 70px;
  --space-5: 75px;
  --space-6: 80px;
  --space-7: 83px;
  --space-8: 86px;
  --space-9: 87px;
  --type-10: 74px;
  --type-h1: 60px;
  --type-h2: 36px;
  --type-h3: 36px;
  --type-h4: 36px;
  --color-bg: #f5f5f0;
  --space-10: 88px;
  --space-11: 90px;
  --space-12: 92px;
  --space-13: 95px;
  --space-14: 96px;
  --space-15: 107px;
  --color-ink: #1e3c3b;
  --font-body: GT-America, sans-serif;
  --shadow-md: rgba(7, 41, 41, 0.12) 0px 8px 40px 0px;
  --shadow-sm: rgba(7, 41, 41, 0.06) 0px 2px 12px 0px;
  --type-body: 18px;
  --color-demo: #7ecfdc;
  --color-mint: #e6f9f0;
  --color-soft: #f8f7f4;
  --color-text: #072929;
  --color-muted: #777777;
  --color-accent: #0d6c50;
  --color-border: #ebeae1;
  --color-on-ink: #ffffff;
  --font-display: PP-Agrandir, sans-serif;
  --leading-body: 1.6;
  --color-primary: #072929;
  --color-surface: #ffffff;
  --color-on-accent: #ffffff;
  --leading-display: 1.1;
  --color-accent-ink: #0d6c50;
  --color-background: #f5f5f0;
  --color-on-primary: #ffffff;
  --color-on-surface: #072929;
  --color-primary-ink: #072929;
  --section-pad-mobile: 40px;
  --section-pad-desktop: 100px;
}
@layer reset{*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
body{min-height:100vh;font-family:var(--font-body,system-ui,-apple-system,'Segoe UI',sans-serif);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:var(--leading-body,1.6)}
h1,h2,h3,h4{font-family:var(--font-display,var(--font-body));line-height:var(--leading-display,normal);letter-spacing:var(--tracking-display,normal)}
img,picture,svg{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.psf-wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:24px;padding-right:24px}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}}
@layer components{/* recipes — the site's own devices, written from the evidence */
/* Pixis devices. Values measured on pixis.ai. */

/* Grounds */
.ground-tint { background: var(--color-bg); color: var(--color-text); }
.ground-white { background: var(--color-surface); color: var(--color-text); }
.ground-soft { background: #f8f7f4; color: var(--color-text); }
.ground-warm { background: #f5f2e9; color: var(--color-text); }
.ground-ink { background: var(--color-ink); color: #ffffff; }
.wash-hero { background: linear-gradient(to right bottom, rgb(219, 253, 250), rgb(242, 235, 255)); color: var(--color-text); }
.wash-cta { background: linear-gradient(135deg, rgb(221, 248, 240), rgb(234, 232, 255)); color: var(--color-text); }
.wash-spectrum {
  background: linear-gradient(90deg, rgb(39, 242, 168) -2%, rgb(56, 230, 172) 12%, rgb(72, 217, 176), rgb(96, 217, 197) 38%, rgb(119, 217, 217) 50%, rgb(141, 211, 230) 63%, rgb(162, 205, 242) 75%, rgb(175, 192, 242));
  color: var(--color-text);
}

/* Seam: an image or card crossing the bottom edge of a band */
.seam-overlap { position: relative; z-index: 1; margin-bottom: -30px; }

/* Eyebrow and heading treatment */
.eyebrow {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.12px;
  color: var(--color-accent);
}
.ground-ink .eyebrow { color: var(--color-border); }
.accent-word { color: var(--color-accent); }
.ground-ink .accent-word { color: var(--color-mint); }

/* Buttons */
.btn-primary, .btn-secondary, .btn-demo, .btn-pill-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  text-transform: none;
  text-decoration: none;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.btn-primary {
  background: var(--color-primary);
  color: var(--color-on-primary);
  border: 1px solid var(--color-primary);
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.btn-primary:hover { filter: brightness(0.6); }
.btn-secondary {
  background: transparent;
  color: var(--color-text);
  border: 1px solid var(--color-text);
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.btn-secondary:hover { background: var(--color-text); color: #ffffff; }
.btn-demo {
  background: #7ecfdc;
  color: var(--color-text);
  border: 0;
  height: 54px;
  padding: 0 28px;
  font-size: 17px;
  font-weight: 500;
}
.btn-demo:hover { background: rgb(108, 195, 209); }
.btn-pill-icon {
  gap: 12px;
  background: var(--color-primary);
  color: #ffffff;
  border: 0;
  min-height: 54px;
  padding: 5px 28px 5px 5px;
  font-size: 17px;
  font-weight: 500;
}
.btn-pill-icon:hover { filter: brightness(0.6); }
.btn-pill-icon__disc {
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, #1cf3b4, rgb(162, 205, 242));
  display: inline-flex; align-items: center; justify-content: center;
}
.btn-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.cta-note { font-size: 14px; color: var(--color-accent); margin-top: 16px; }

/* Cards */
.card {
  background: var(--color-bg);
  border: 1px solid #ffffff;
  border-radius: var(--radius-sm);
  padding: 18px 16px;
}
.card-white {
  background: #ffffff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.card-pill {
  background: #ffffff;
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-sm);
  padding: 10px 18px;
}
.card-ink-outline {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(235, 234, 225, 0.25);
  border-radius: var(--radius-md);
  padding: 16px 20px;
  min-height: 72px;
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.2;
}

/* Chips and icon discs */
.chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--color-mint);
  color: var(--color-accent);
  border-radius: var(--radius-pill);
  padding: 4px 12px;
  font-size: 14px;
}
.chip-float {
  display: inline-flex; align-items: center; gap: 6px;
  background: #ffffff;
  color: var(--color-text);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-sm);
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
}
.icon-disc {
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--color-border);
  display: inline-flex; align-items: center; justify-content: center;
}
.logo-tile { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; display: inline-block; }

/* Image frames */
.frame-shot { border-radius: var(--radius-md); overflow: hidden; display: block; }
.frame-shot img { display: block; width: 100%; height: auto; }
.frame-ui {
  background: #ffffff;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.frame-case { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; aspect-ratio: 360 / 400; }
.frame-portrait { border-radius: 10px; overflow: hidden; aspect-ratio: 308 / 342; }

/* Logo marquee: put two copies of the logos in the track */
.logo-marquee { overflow: hidden; }
.logo-marquee__track {
  display: flex;
  width: max-content;
  animation: logo-carousel-scroll 28s linear infinite;
}
@keyframes logo-carousel-scroll {
  0% { transform: translate(0px); }
  100% { transform: translate(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .logo-marquee__track { animation: none; }
}

/* reveal */
/* reveal on entry — the site's own grammar: fade-up 20px 600ms cubic-bezier(0.65, 0, 0.35, 1) */
html[data-reveal-ready] [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 600ms cubic-bezier(0.65, 0, 0.35, 1),transform 600ms cubic-bezier(0.65, 0, 0.35, 1);will-change:opacity,transform}
html[data-reveal-ready] [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html[data-reveal-ready] [data-reveal]{opacity:1;transform:none;transition:none}}

/* chrome */

#nav{position:sticky;top:0;z-index:50;font-family:var(--font-body);font-size:14px;line-height:1.4;color:#072929;background:transparent}
#nav *,#nav *::before,#nav *::after{box-sizing:border-box}
#nav a,#nav button,#nav summary{color:inherit;font:inherit;text-decoration:none}
#nav button{background:none;border:0;padding:0;margin:0;cursor:pointer}
#nav ul{list-style:none;margin:0;padding:0}
#nav p{margin:0}
#nav img,#nav svg{display:block}
#nav a:focus-visible,#nav button:focus-visible,#nav summary:focus-visible{outline:2px solid #0d6c50;outline-offset:2px;border-radius:8px}

/* dim backdrop while a mega menu is open */
#nav::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:rgba(7,41,41,.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}
#nav:has(.has-menu:hover)::before,#nav:has(.has-menu:focus-within)::before{opacity:1;visibility:visible;transition:opacity .2s ease}

/* bar */
#nav .bar{position:relative;z-index:3;display:flex;align-items:center;gap:10px;width:100%;padding:0 60px}
#nav .brand{order:0;display:flex;align-items:center;gap:10px;padding:15px 0;flex:none}
#nav .links{order:1;align-self:stretch;display:flex}
#nav .links ul{display:flex}
#nav .links li{display:flex}
#nav .t-arrow{display:none}
#nav .t{display:flex;align-items:center;height:100%;padding:0 15px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;color:#072929;transition:opacity .2s ease}
#nav .links:has(.has-menu:hover) li:not(:hover) > .t{opacity:.45}
#nav .login{order:2;margin-left:auto}
#nav .demo{order:3}
#nav .cta{order:4}
#nav .login,#nav .demo{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:100px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .2s ease}
#nav .login{background:#fff}
#nav .login:hover{background:#ebeae1}
#nav .demo{background:var(--color-demo,#7ecfdc)}
#nav .demo:hover{background:#6cc3d1}
#nav .cta{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 20px 0 5px;border-radius:100px;background:#072929;color:#fff;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .2s ease}
#nav .cta:hover{background:#061b16}
#nav .cta-icon{flex:none}
#nav .menu-btn{display:none;order:5;width:44px;height:44px;align-items:center;justify-content:center}
#nav .menu-btn{width:48px}
#nav .menu-btn svg{width:34px;height:34px}
#nav .menu-btn .i-close{display:none}
#nav .menu-btn[aria-expanded="true"] .i-open{display:none}
#nav .menu-btn[aria-expanded="true"] .i-close{display:block}

/* mega menus (desktop) */
#nav .mega{position:absolute;z-index:-1;top:10px;left:50%;transform:translateX(-50%);width:calc(100% - 20px);max-width:1420px;display:grid;align-items:start;background:#f5f5f0;border-radius:20px;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;padding:81px 0 0 104px}
#nav .has-menu:hover > .mega,#nav .has-menu:focus-within > .mega{opacity:1;visibility:visible;transition:opacity .2s ease}
#nav .mega > *{padding-top:35px;padding-bottom:30px;min-width:0}
#nav .mega--products{grid-template-columns:minmax(0,310fr) minmax(0,290fr) minmax(0,280fr) minmax(0,136fr) 300px;grid-template-rows:minmax(329px,auto)}
#nav .mega--solutions{padding-left:155px;grid-template-columns:minmax(0,300fr) minmax(0,287fr) minmax(0,143fr) minmax(0,235fr) 300px;grid-template-rows:minmax(265px,auto)}
#nav .mega--simple{padding-left:155px;grid-template-columns:minmax(0,300fr) minmax(0,665fr) 300px;grid-template-rows:minmax(265px,auto)}
#nav .mega > .mg-head{display:block;padding-top:24px;padding-right:20px}
#nav .mg-title{display:flex;align-items:center;gap:20px;font-family:var(--font-display);font-size:40px;line-height:1.1;font-weight:400;color:#072929}
#nav .mg-desc{display:block;margin-top:6px;max-width:250px;font-size:16px;line-height:26px;font-weight:400}
#nav .mega > .mg-col--items{display:flex;flex-direction:column;gap:38px}
#nav .mg-item{display:flex;align-items:flex-start;gap:20px}
#nav .mg-item img{flex:none;width:40px;height:40px;border-radius:10px}
#nav .mg-item .n{display:block;font-family:var(--font-display);font-size:24px;line-height:28px;font-weight:400}
#nav .mg-item .d{display:block;margin-top:8px;max-width:160px;font-size:14px;line-height:22px;font-weight:400}
#nav .mega > .mg-col--list{padding-top:38px}
#nav .mega--simple > .mg-col--list{padding-top:50px}
#nav .mg-h{margin-bottom:17px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
#nav .mg-link{display:block;padding:3px 0;font-size:14px;line-height:22px;font-weight:400;transition:opacity .2s ease}
#nav .mg-link:hover{opacity:.7}
#nav .mega > .mg-card{display:block;align-self:stretch;background:#ebeae1;padding:46px 50px 40px}
#nav .mg-card .ct{display:block;font-family:var(--font-display);font-size:24px;line-height:26.4px;font-weight:400}
#nav .mg-card .cc{display:inline-block;margin-top:44px;padding-bottom:2px;border-bottom:2px solid #072929;font-size:16px;line-height:22px;font-weight:500}

/* mobile panel: hidden on desktop */
#nav .mb{display:none}

@media (max-width:1024px){
  #nav .links,#nav .bar > .login,#nav .bar > .demo,#nav .mega{display:none}
  #nav::before{display:none}
  #nav .bar{padding:0 16px}
  #nav .brand{padding:9.5px 0}
  #nav .cta{order:1;margin-left:auto}
  #nav .menu-btn{display:inline-flex}
  #nav .mb{display:block;position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;background:rgba(7,41,41,.5);opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s linear .2s}
  #nav .mb[data-open]{opacity:1;visibility:visible;transition:opacity .2s ease-out}
  #nav .mb-card{position:absolute;top:10px;left:10px;right:10px;bottom:10px;overflow-y:auto;background:#f5f5f0;border-radius:20px;padding:90px 22px 28px;transform:translateY(-6px);transition:transform .2s ease-out}
  #nav .mb[data-open] .mb-card{transform:none}
  #nav .acc{border-bottom:1px solid #dcd9cc}
  #nav .acc summary,#nav .row{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-size:16px;font-weight:500;line-height:1.3;cursor:pointer;list-style:none}
  #nav .row{border-bottom:1px solid #dcd9cc;justify-content:flex-start;gap:14px}
  #nav .acc summary::-webkit-details-marker{display:none}
  #nav .acc[open] .plus .v{display:none}
  #nav .acc-body{padding:0 0 18px}
  #nav .mb-link{display:block;padding:11px 0;min-height:44px;font-size:15px;font-weight:500;line-height:1.35}
  #nav .mb-lead .n{display:block;font-family:var(--font-display);font-size:24px;font-weight:400}
  #nav .mb-link .d,#nav .mb-item .d{display:block;margin-top:2px;font-size:14px;font-weight:400;line-height:1.4}
  #nav .mb-item{display:flex;align-items:center;gap:14px;padding:8px 0;min-height:44px}
  #nav .mb-item img{flex:none;width:40px;height:40px;border-radius:10px}
  #nav .mb-item .n{display:block;font-family:var(--font-display);font-size:20px;line-height:1.3}
  #nav .mb-h{margin:12px 0 0;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:16px}
  #nav .mb-card .mb-card,#nav a.mb-card{display:block;margin-top:12px;padding:20px;background:#ebeae1;border-radius:12px;position:static;transform:none}
  #nav a.mb-card .n{display:block;font-family:var(--font-display);font-size:20px;line-height:1.3}
  #nav a.mb-card .c{display:inline-block;margin-top:10px;padding-bottom:2px;border-bottom:2px solid #072929;font-weight:500;font-size:15px}
  #nav .mb-actions{display:flex;gap:10px;margin-top:24px}
  #nav .mb-actions .login,#nav .mb-actions .demo{flex:1;justify-content:center;height:48px;margin:0;order:0}
  #nav .mb-actions .login{background:#fff;border:1px solid #ebeae1}
}

#footer{background:#072929;color:#ebeae1;font-family:var(--font-body);font-size:14px;line-height:1.5}
#footer *,#footer *::before,#footer *::after{box-sizing:border-box}
#footer a{color:#ebeae1;text-decoration:none;font:inherit;transition:opacity .2s ease}
#footer ul{list-style:none;margin:0;padding:0}
#footer p{margin:0}
#footer img,#footer svg{display:block}
#footer a:focus-visible{outline:2px solid #1cf3b4;outline-offset:2px;border-radius:4px}
#footer .f-in{max-width:1440px;margin:0 auto;padding:60px 60px 0}
#footer .f-logo{display:inline-block}
#footer .f-main{display:flex;align-items:flex-start;gap:60px;margin-top:120px}
#footer .f-badges{flex:none;width:180px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:52px 0;background:var(--color-ink,#1e3c3b);border-radius:12px}
#footer .f-cols{display:flex;gap:60px;flex-wrap:wrap}
#footer .f-h{display:block;margin-bottom:20px;color:#fff;font-size:16px;line-height:20px;font-weight:500}
#footer .f-arrow{display:none}
#footer .f-col a.f-h:hover{opacity:.75}
#footer .f-col li a{display:block;padding:3px 0;font-size:14px;line-height:25.6px;font-weight:400;opacity:.78}
#footer .f-col li a:hover{opacity:1}
#footer .f-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 30px;margin-top:100px;padding:32px 0 29px;border-top:1px solid rgba(235,234,225,.2);font-size:12px;line-height:18px}
#footer .f-bar p{opacity:.8}
#footer .f-bar ul{display:flex;flex-wrap:wrap;gap:8px 30px}
#footer .f-bar a{opacity:.8}
#footer .f-bar a:hover{opacity:1}

@media (max-width:1024px){
  #footer .f-in{padding:48px 20px 0}
  #footer .f-main{flex-direction:column;gap:40px;margin-top:40px}
  #footer .f-badges{flex-direction:row;width:auto;align-self:flex-start;padding:24px 28px;gap:24px}
  #footer .f-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;width:100%}
  #footer .f-col li a{padding:10px 0;line-height:24px}
  #footer .f-h{margin-bottom:8px}
  #footer a.f-h{padding:10px 0;margin-bottom:0}
  #footer .f-bar{margin-top:48px;padding:24px 0 32px}
  #footer .f-bar a{display:inline-block;padding:10px 0}
}

/* reveal on entry — the site's own grammar: fade-up 20px 600ms cubic-bezier(0.65, 0, 0.35, 1) */
html[data-reveal-ready] [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 600ms cubic-bezier(0.65, 0, 0.35, 1),transform 600ms cubic-bezier(0.65, 0, 0.35, 1);will-change:opacity,transform}
html[data-reveal-ready] [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html[data-reveal-ready] [data-reveal]{opacity:1;transform:none;transition:none}}}
@layer page{}
:root{--nav-h:0px;--nav-pad:0px;--nav-pull:0px;--nav-offset:0px;--nav-top:0px;--px-topbar-h:0px}
html{scroll-padding-top:var(--nav-offset)}
#nav[data-nav-position="fixed"]{position:fixed;top:var(--nav-top);left:0;right:0;bottom:auto}
#nav[data-nav-position="sticky"]{position:sticky;top:0;bottom:auto}
#nav[data-nav-position="static"]{position:relative;top:auto;left:auto;right:auto;bottom:auto}
[data-site-page-root]{padding-top:var(--nav-pad);margin-top:calc(var(--nav-pull) * -1);transition:padding-top .32s var(--m-ease-sig,ease),margin-top .32s var(--m-ease-sig,ease)}
#nav[data-nav-surface="transparent"] > [data-part="bar"], #nav[data-nav-surface="transparent"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style){background:transparent;box-shadow:none;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
#nav[data-nav-surface="frosted"] > [data-part="bar"], #nav[data-nav-surface="frosted"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style){background:color-mix(in srgb,var(--nav-ground,#fff) 74%,transparent);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}
#nav[data-nav-surface="solid"] > [data-part="bar"], #nav[data-nav-surface="solid"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style){background:var(--nav-ground,#fff)}
#nav[data-nav-surface="transparent"][data-nav-ink="light"] > [data-part="bar"], #nav[data-nav-surface="transparent"][data-nav-ink="light"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style){color:#fff}
#nav[data-nav-surface="transparent"][data-nav-ink="light"] > [data-part="bar"] :is(a,button,span,svg):not([data-part="cta"]):not([data-part="cta"] *), #nav[data-nav-surface="transparent"][data-nav-ink="light"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style) :is(a,button,span,svg):not([data-part="cta"]):not([data-part="cta"] *){color:inherit}
#nav[data-nav-edge="none"] > [data-part="bar"], #nav[data-nav-edge="none"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style){box-shadow:none;border-bottom-color:transparent}
#nav[data-nav-edge="hairline"] > [data-part="bar"], #nav[data-nav-edge="hairline"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style){box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--nav-ink,#000) 14%,transparent)}
#nav[data-nav-edge="shadow"] > [data-part="bar"], #nav[data-nav-edge="shadow"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style){box-shadow:0 1px 0 color-mix(in srgb,var(--nav-ink,#000) 7%,transparent),0 12px 32px -14px color-mix(in srgb,var(--nav-ink,#000) 30%,transparent)}
#nav[data-nav-scroll="stay"] > [data-part="bar"], #nav[data-nav-scroll="stay"]:not(:has(> [data-part="bar"])) > :first-child:not(script):not(style),#nav[data-nav-scroll="stay"]{transform:none!important}
#nav[data-nav-cta="hide"] [data-part="cta"]{display:none}
#nav[data-nav-height="compact"]{--nav-h-pref:56px}#nav[data-nav-height="regular"]{--nav-h-pref:68px}#nav[data-nav-height="tall"]{--nav-h-pref:84px}
#px-topbar{position:relative;z-index:1001;display:flex;align-items:center;justify-content:center;gap:.5em;min-height:38px;padding:.55em 1.25em;background:var(--nav-ink,#111);color:var(--nav-ground,#fff);font:500 .8125rem/1.35 var(--font-body,system-ui,sans-serif);letter-spacing:.01em;text-align:center}
#px-topbar a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
@media (prefers-reduced-motion:reduce){[data-site-page-root]{transition:none}}