html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}}:root{--ink:#0b0e10;--paper:#f6f7f5;--accent:#d7fa42}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #80a900}.skip{z-index:100;background:#fff;padding:15px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}header{color:#fff;background:#090c0e;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:88px;padding:0 4.5%;display:flex}.brand{width:195px;height:48px;display:block;position:relative;overflow:hidden}.brand-image{mix-blend-mode:screen;background:url(/images/hoofstep-logo-board.png) 0 0/360px no-repeat;width:360px;height:241px;position:absolute;top:-164px;left:-49px}nav{gap:34px;font-size:14px;display:flex}nav a:hover{color:var(--accent)}.button{background:var(--accent);color:#101510;border-radius:3px;justify-content:space-between;align-items:center;gap:34px;padding:19px 24px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#e5ff84;transform:translateY(-2px)}.button.small{padding:13px 18px;font-size:13px}.button span{font-size:20px}.hero{color:#fff;background:#23302b 50%/cover;align-items:center;height:calc(100svh - 88px);min-height:720px;max-height:1040px;display:flex;position:relative;overflow:hidden}.hero-shade{background:linear-gradient(90deg,#040c0acc,#040c0a3d 80%),linear-gradient(#0000 70%,#00000080);position:absolute;inset:0}.hero-content{width:100%;padding:70px 6% 125px;position:relative}.eyebrow{letter-spacing:2px;margin:0 0 30px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-5px;max-width:1050px;margin:0 0 30px;font-size:clamp(54px,6.5vw,106px);font-weight:500;line-height:1.03}.hero-description{color:#e4e7e5;max-width:440px;font-size:18px;line-height:1.6}.hero-actions{align-items:center;gap:32px;margin-top:34px;display:flex}.text-link{border-bottom:1px solid #ffffff70;padding-bottom:7px;font-size:14px}.text-link.dark{border-color:#333;margin-top:25px;display:inline-block}.hero-bottom{letter-spacing:1.8px;border-top:1px solid #ffffff40;justify-content:space-between;align-items:center;height:80px;font-size:12px;display:flex;position:absolute;bottom:0;left:6%;right:6%}.cross{margin-left:24px;font-size:24px}.section{padding:110px 8%}.section h2{letter-spacing:-2.7px;margin:0 0 30px;font-size:clamp(38px,4.5vw,70px);font-weight:500;line-height:1.06}.intro-grid{grid-template-columns:1.2fr 1fr;gap:10%;display:grid}.section p:not(.eyebrow){color:#666b68;max-width:540px;font-size:17px;line-height:1.7}.section .large-copy{margin-top:5px;color:var(--ink)!important;font-size:28px!important;line-height:1.3!important}.dark-section{background:var(--ink);color:#fff}.dark-section p:not(.eyebrow){color:#afb6b3}footer{color:#fff;background:#0b0e10;justify-content:space-between;align-items:center;padding:50px 8%;display:flex}footer>span{letter-spacing:2px;font-size:28px;font-weight:700}footer p,footer a{color:#afb6b3;font-size:14px}@media (max-width:760px){header{height:74px;padding:0 5%}.brand{transform-origin:0;width:160px;transform:scale(.85)}nav{display:none}.button.small{gap:8px;padding:10px;font-size:12px}.hero{height:calc(100svh - 74px);min-height:660px}.hero-content{padding:75px 6% 130px}.hero h1{letter-spacing:-3px;font-size:57px}.hero-description{max-width:340px;font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-bottom{font-size:12px}.hero-bottom>span:last-child{display:none}.section{padding:75px 6%}.intro-grid{grid-template-columns:1fr;gap:15px}.section h2{letter-spacing:-2px}.section .large-copy{font-size:24px!important}footer{flex-direction:column;align-items:flex-start;gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero{background-image:url(/images/hoofstep-hero-original.webp);background-position:50% 38%}.brand{width:220px;height:60px}.brand-image{filter:invert();mix-blend-mode:screen;background-size:296px;width:296px;height:198px;top:-41px;left:-43px}.experience{grid-template-columns:1fr 1fr;align-items:center;gap:7%;display:grid}.experience-caption{border-top:1px solid #ffffff30;align-items:center;gap:30px;margin-top:55px;padding-top:24px;display:flex}.experience-caption>span{color:#cbd1ce;font-size:14px}.experience-caption p{margin:0;font-size:13px!important}.behavior-demo{background:#191e20;border:1px solid #ffffff20;border-radius:12px;min-width:0;padding:32px;box-shadow:0 25px 80px #0005}.demo-top{color:#a4ada9;justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.demo-top>div{align-items:center;gap:12px;display:flex}.demo-top strong{color:#fff;font-size:17px}.demo-avatar{color:#fff;background:#526457;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.demo-tabs{background:#0c1012;border-radius:5px;gap:5px;margin-top:25px;padding:5px;display:flex}.demo-tabs button{cursor:pointer;color:#afb6b3;font:inherit;background:0 0;border:0;border-radius:3px;flex:1;padding:11px;font-size:13px}.demo-tabs button.active{color:#fff;background:#30383a}.demo-value{padding:30px 0 20px}.demo-value>span{color:#b4bcb7;font-size:14px;display:block}.demo-value strong{letter-spacing:-1px;font-size:43px;font-weight:400}.demo-value p{min-height:42px;margin:10px 0 0;font-size:13px!important;line-height:1.6!important}.bars{border-bottom:1px solid #ffffff30;align-items:flex-end;gap:5px;height:125px;display:flex}.bars span{border-radius:2px 2px 0 0;flex:1;transition:height .4s,background .4s}.axis{color:#9da8a2;justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.demo-note{margin:22px 0 0!important;font-size:12px!important}.product-story{background:#e9ece8;grid-template-columns:1fr 1fr;display:grid}.product-story figure{min-height:680px;margin:0;position:relative}.product-story img{object-fit:cover;width:100%;height:100%;position:absolute}.product-story figcaption{color:#fff;background:#0009;padding:8px 12px;font-size:12px;position:absolute;bottom:20px;left:25px}.product-copy{padding:80px 12%}.product-copy h2{letter-spacing:-2px;margin:0 0 40px;font-size:54px;line-height:1.05}.step{border-top:1px solid #bdc4bd;gap:25px;padding:22px 0;display:flex}.step>span{padding-top:5px;font-size:12px}.step h3{margin:0 0 8px;font-size:23px;font-weight:500}.step p{color:#616861;margin:0;font-size:15px;line-height:1.6}.science{grid-template-columns:1fr 1fr;gap:10%;display:grid}.research-list>a{border-top:1px solid #b4bbb5;padding:22px 0 30px;display:block}.research-list>a:hover h3{text-decoration:underline}.research-list span{letter-spacing:1px;font-size:12px}.research-list h3{letter-spacing:-.6px;margin:16px 0 8px;font-size:26px;font-weight:500}.research-list p{margin:0 0 18px;font-size:14px!important}.research-list b{font-size:13px}.research-list .evidence-note{font-size:12px!important}.next-chapter{color:#fff;align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.next-chapter>img{object-fit:cover;object-position:center 40%;width:100%;height:100%;position:absolute}.next-chapter:after{content:"";background:linear-gradient(90deg,#08100fe6,#08100f20);position:absolute;inset:0}.next-chapter>div{z-index:1;max-width:760px;padding:85px 8%;position:relative}.next-chapter h2{letter-spacing:-2.5px;margin:0 0 25px;font-size:58px;line-height:1.05}.next-chapter p:not(.eyebrow){color:#e0e5df;max-width:430px;margin-bottom:28px;font-size:17px;line-height:1.7}.next-chapter small{color:#e0e5df;margin-top:18px;font-size:12px;display:block}.faq{max-width:1200px;margin:auto}.faq h2{font-size:44px}.faq details{border-bottom:1px solid #cbd0cb;padding:24px 0}.faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:18px;list-style:none;display:flex}.faq summary:after{content:"+"}.faq details[open] summary:after{content:"−"}.faq details p{margin-top:18px;font-size:15px!important}.faq details a{text-decoration:underline}@media (max-width:760px){.brand{width:180px}.experience,.science,.product-story{grid-template-columns:1fr}.experience{gap:40px}.behavior-demo{padding:22px}.demo-top{font-size:12px}.product-story figure{min-height:400px}.product-copy{padding:60px 6%}.product-copy h2{font-size:43px}.research-list{margin-top:35px}.next-chapter h2{font-size:43px}.next-chapter>div{padding:65px 6%}.next-chapter:after{background:#08100fa6}.faq h2{font-size:38px}header .brand{flex-shrink:0;width:146px;height:42px;transform:none}header .brand-image{background-size:206px;width:206px;height:138px;top:-28.5px;left:-30px}header .button.small{gap:12px;padding:11px;font-size:12px}.hero h1{font-size:52px;line-height:1.07}.hero{background-position:58%}}.site-header{z-index:20;position:relative}.header-actions{align-items:center;gap:22px;display:flex}.site-menu{position:relative}.site-menu summary{cursor:pointer;align-items:center;gap:10px;font-size:12px;list-style:none;display:flex}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary b{font-size:19px;font-weight:400}.site-menu nav{background:#151a1c;border:1px solid #ffffff25;flex-direction:column;gap:0;min-width:245px;padding:16px;display:flex;position:absolute;top:40px;right:0;box-shadow:0 15px 35px #0005}.site-menu nav a{border-bottom:1px solid #ffffff15;justify-content:space-between;padding:15px 9px;display:flex}.site-footer{grid-template-columns:1fr 1fr;gap:45px;display:grid}.footer-wordmark{color:#fff;letter-spacing:2px;font-size:28px;font-weight:700}.footer-links{grid-template-columns:1fr 1fr;gap:20px;display:grid}.footer-bottom{color:#a4ada9;border-top:1px solid #ffffff25;grid-column:1/-1;justify-content:space-between;padding-top:25px;font-size:12px;display:flex}.app-discover{margin-top:25px;display:inline-block}.subhero{color:#fff;background:#101617;padding:95px 8% 85px}.subhero h1{letter-spacing:-3.5px;max-width:1000px;margin:0 0 30px;font-size:clamp(48px,6.5vw,88px);font-weight:500;line-height:1.04}.subhero p:not(.eyebrow){color:#c0c8c3;max-width:650px;font-size:19px;line-height:1.65}.editorial-grid{grid-template-columns:1fr 1fr;align-items:start;gap:8%;display:grid}.editorial-grid img{object-fit:cover;border-radius:3px;width:100%}.editorial-grid h3,.feature-row h3{letter-spacing:-.8px;font-size:29px;font-weight:500}.feature-row{border-top:1px solid #bdc6bf;padding:35px 0}.spec-table{border-collapse:collapse;width:100%;font-size:15px}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid #c6cec7;padding:20px 12px}.spec-table th{font-weight:500}.section a:not(.button):not(.text-link){text-underline-offset:5px}.section li{line-height:1.7}.section figure{margin:0}.section figcaption{color:#666b68;margin-top:12px;font-size:12px}.app-hero{color:#fff;background:#101617;grid-template-columns:1.05fr 1fr;align-items:center;gap:5%;min-height:790px;padding:65px 8%;display:grid;overflow:hidden}.app-hero h1{letter-spacing:-5px;margin:0 0 30px;font-size:clamp(64px,7vw,110px);font-weight:500;line-height:.99}.app-hero-copy>p:not(.eyebrow){color:#b9c4bc;max-width:450px;margin-bottom:30px;font-size:18px;line-height:1.7}.app-hero-copy>small{color:#9ba9a0;margin-top:22px;font-size:12px;display:block}.phone-stage{justify-content:center;align-items:center;padding:15px 0 35px;display:flex;position:relative}.orbit-caption{letter-spacing:2px;writing-mode:vertical-rl;color:#849189;font-size:12px;line-height:1.8;position:absolute;top:70px;right:-30px}.app-phone{color:#101617;background:#f1f3ed;border:8px solid #343c3c;border-radius:43px;outline:1px solid #6d7871;width:310px;overflow:hidden;transform:rotate(3deg);box-shadow:22px 28px #050909,0 40px 80px #0006}.phone-status{justify-content:space-between;padding:12px 22px 5px;font-size:12px;display:flex}.phone-greeting{padding:22px 20px 16px}.phone-greeting>span{letter-spacing:1px;font-size:12px;font-weight:700}.phone-greeting h2{letter-spacing:-1px;margin:8px 0;font-size:26px;font-weight:500}.phone-greeting p{color:#647063;margin:0;font-size:12px}.phone-photo{border-radius:8px;height:140px;margin:0 12px;position:relative;overflow:hidden}.phone-photo img{object-fit:cover;object-position:center 36%;width:100%;height:100%}.phone-photo:after{content:"";background:linear-gradient(#0000,#0008);position:absolute;inset:0}.phone-photo>span{z-index:1;color:#fff;font-size:19px;position:absolute;bottom:12px;left:15px}.phone-photo i{margin-top:4px;font-size:12px;font-style:normal;display:block}.phone-daily{padding:20px}.phone-daily>span{letter-spacing:.5px;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.phone-daily>span i{color:#687368;font-style:normal;font-weight:400}.daily-ring{background:conic-gradient(#7c9d3d 0 43%,#a7b6dc 43% 79.2%,#d7996d 79.2% 96.5%,#8d6970 96.5% 100%);border-radius:50%;place-items:center;width:115px;height:115px;margin:16px auto;display:grid}.daily-ring>div{background:#f1f3ed;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:89px;height:89px;display:flex}.daily-ring strong{font-size:31px;font-weight:400}.daily-ring span{letter-spacing:1px;font-size:12px}.phone-daily ul{margin:12px 0 0;padding:0;list-style:none}.phone-daily li{align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.phone-daily li b{margin-left:auto;font-weight:500}.phone-daily li i{background:#7c9d3d;border-radius:50%;width:6px;height:6px}.phone-daily li:nth-child(2) i{background:#a7b6dc}.phone-daily li:nth-child(3) i{background:#d7996d}.phone-daily li:nth-child(4) i{background:#8d6970}.phone-nav{text-align:center;color:#687469;background:#e6eae1;justify-content:space-around;padding:12px 18px 17px;display:flex}.phone-nav>span:first-child{color:#1c331d}.phone-nav small{margin-top:4px;font-size:12px;display:block}.phone-caption{letter-spacing:1.5px;color:#8c9a91;font-size:12px;position:absolute;bottom:-9px}.app-section-nav{background:#f6f7f5;border-bottom:1px solid #c6cec7;gap:60px;padding:24px 8%;font-size:12px;display:flex}.app-section-nav a:hover{color:#657d22}.section-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:10%;margin-bottom:35px;display:grid}.section-heading h2,.section-heading p:not(.eyebrow){margin-bottom:0}.map-explorer{color:#fff;background:#101718;border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #10171015}.map-toolbar{justify-content:space-between;align-items:center;gap:15px;padding:20px 25px;display:flex}.map-toolbar>div:first-child{align-items:center;gap:10px;font-size:14px;display:flex}.status-dot{background:#d7fa42;border-radius:50%;width:7px;height:7px}.map-count{color:#adbbb2;margin-left:8px;font-size:12px}.map-switch{background:#242e2d;border-radius:5px;gap:3px;padding:4px;display:flex}.map-switch button{font:inherit;color:#b5c1b9;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:10px 14px;font-size:12px}.map-switch button[aria-pressed=true]{color:#151c12;background:#d7fa42}.map-canvas{background:#455a3e;height:535px;position:relative;overflow:hidden}.map-art>img{object-fit:cover;filter:brightness(.77)saturate(.65);width:100%;height:100%;position:absolute;inset:0}.map-vignette{background:linear-gradient(#0000 50%,#07110ea6);position:absolute;inset:0}.map-label{letter-spacing:3px;color:#ffffffc0;font-size:12px;position:absolute;top:24%;left:15%}.map-concept{letter-spacing:1px;background:#0b1519aa;padding:8px 10px;font-size:12px;position:absolute;top:18px;right:20px}.horse-pin{color:#fff;cursor:pointer;z-index:3;background:0 0;border:0;padding:0;transition:left .4s,top .4s;position:absolute;transform:translate(-50%,-50%)}.horse-pin>b{background:#31433a;border:2px solid #fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;display:grid;box-shadow:0 2px 15px #0007}.horse-pin.selected>b{color:#1e2a15;background:#d7fa42;border-color:#d7fa42;box-shadow:0 0 0 7px #d7fa4228,0 2px 15px #0007}.horse-pin small{background:#101718e0;border-radius:4px;padding:5px 8px;font-size:12px;position:absolute;top:42px;left:50%;transform:translate(-50%)}.map-info{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#101a18e8;border:1px solid #ffffff26;border-radius:8px;min-width:260px;padding:20px 24px;position:absolute;bottom:25px;left:25px}.map-info>span{letter-spacing:1.5px;color:#a7b9a9;margin-bottom:10px;font-size:12px;display:block}.map-info strong{font-size:18px;font-weight:500;display:block}.map-info p{margin:8px 0 0;color:#becabe!important;font-size:12px!important}.route-overlay{width:100%;height:100%;position:absolute;inset:0}.heat-overlay{position:absolute;inset:0}.heat-overlay i{filter:blur(9px);background:radial-gradient(#fdb864e8 0,#e8da5aad 28%,#afd54691 48%,#82c57550 60%,#0000 72%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.heat-legend{align-items:center;gap:10px;margin-top:15px;font-size:12px;display:flex}.heat-legend i{background:linear-gradient(90deg,#82c575,#e8da5a,#fdb864);border-radius:5px;width:85px;height:5px}.map-bottom{justify-content:space-between;align-items:center;gap:20px;padding:17px 25px;display:flex}.map-bottom p{margin:0;color:#b9c5bc!important;font-size:12px!important}.map-bottom>span{color:#8fa195;white-space:nowrap;font-size:12px}.timeline{color:#c9d3cb;align-items:center;gap:20px;width:82%;font-size:12px;display:flex}.timeline input{accent-color:#d7fa42;cursor:pointer;flex:1;min-width:80px}.timeline>span{white-space:nowrap;font-size:12px}.map-explanations{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;display:grid}.map-explanations article>span{letter-spacing:1.2px;color:#6a766c;font-size:12px}.map-explanations h3{letter-spacing:-.8px;margin:18px 0 14px;font-size:27px;font-weight:500;line-height:1.15}.map-explanations p{font-size:14px!important;line-height:1.7!important}.care-section{grid-template-columns:1fr 1fr;align-items:center;gap:10%;display:grid}.care-preview{background:#e7ebe3;border-radius:8px;padding:45px 30px}.preview-label{letter-spacing:1.5px;color:#6f7a6c;margin-bottom:25px;font-size:12px;display:block}.notification{background:#fbfcfa;border-radius:14px;gap:15px;padding:25px;display:flex;box-shadow:0 20px 40px #35483012}.notice-symbol{color:#876325;background:#f1e1c5;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.notification small{color:#747e70;font-size:12px}.notification h3{letter-spacing:-.4px;margin:12px 0;font-size:18px;font-weight:500;line-height:1.3}.notification p{font-size:12px!important;line-height:1.65!important}.notification-action{border-top:1px solid #d8dfd4;justify-content:space-between;margin-top:20px;padding-top:15px;font-size:12px;display:flex}.care-note{margin-top:25px;font-size:12px!important}.app-future{text-align:center;background:#e5eadf}.app-future p:not(.eyebrow){max-width:650px;margin:0 auto 30px;font-size:15px}.app-future h2{margin-bottom:30px}@media (max-width:1000px){.site-header>nav{gap:20px;font-size:12px}.app-hero{gap:30px;padding:60px 6%}.app-hero h1{font-size:76px}.map-toolbar{padding:16px}.map-explanations{gap:25px}.app-phone{width:285px}.orbit-caption{right:-18px}.header-actions{gap:18px}}@media (max-width:760px){.site-header>nav{display:none}.site-header .button.small{gap:8px;padding:10px;font-size:12px}.header-actions{gap:12px}.site-menu summary>span{display:none}.site-menu summary{padding:10px 0 10px 6px}.site-menu nav{top:44px}.site-footer{grid-template-columns:1fr;display:grid}.footer-bottom{flex-direction:column;gap:12px}.subhero{padding:65px 6%}.subhero h1{letter-spacing:-2px;font-size:50px}.subhero p:not(.eyebrow){font-size:17px}.editorial-grid{grid-template-columns:1fr;gap:30px}.spec-table th,.spec-table td{padding:16px 5px;font-size:13px}.app-hero{grid-template-columns:1fr;gap:40px;padding:65px 6% 55px}.app-hero h1{letter-spacing:-3.5px;font-size:70px}.app-hero-copy>p:not(.eyebrow){font-size:17px}.app-phone{width:286px;transform:rotate(2deg)}.phone-stage{padding-bottom:35px}.orbit-caption{top:90px;right:0}.app-section-nav{justify-content:space-between;gap:22px;padding:22px 6%;font-size:12px}.section-heading{grid-template-columns:1fr;gap:15px}.map-section{padding-left:5%;padding-right:5%}.map-toolbar{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.map-switch{width:100%}.map-switch button{flex:1;padding:10px 6px}.map-canvas{height:440px}.map-info{min-width:0;padding:18px;bottom:18px;left:15px;right:15px}.map-label{font-size:12px;top:21%;left:10%}.map-concept{font-size:12px;top:12px;right:10px}.map-bottom{align-items:flex-start;gap:12px;padding:15px}.map-bottom p{font-size:12px!important}.map-bottom>span{font-size:12px}.timeline{flex-wrap:wrap;gap:10px;width:100%}.timeline input{flex-basis:65%}.map-explanations{grid-template-columns:1fr;gap:15px;margin-top:40px}.map-explanations article{border-bottom:1px solid #c6cec7;padding-bottom:15px}.map-explanations h3{margin:14px 0;font-size:25px}.care-section{grid-template-columns:1fr;gap:35px}.care-preview{padding:30px 20px}.notification{gap:12px;padding:20px}.app-future{text-align:left}.app-future p:not(.eyebrow){margin-left:0}.phone-caption{font-size:12px}.footer-links{gap:20px}}.feature-row{grid-template-columns:1fr 2fr;gap:8%;padding:45px 0;display:grid}.feature-row>span{letter-spacing:1.5px;color:#667364;padding-top:6px;font-size:12px}.feature-row h3{margin-top:0}.product-copy>p:not(.eyebrow){color:#616861;margin-bottom:26px;font-size:16px;line-height:1.75}.dark-section .step p{color:#afb6b3}.subhero.section p:not(.eyebrow){color:#bdc9c0}.subhero.section .evidence-note{margin-top:20px;font-size:12px}.spec-table caption{text-align:left;color:#667364;padding:0 12px 18px;font-size:12px}.section .step h3{font-size:24px}.section .step p{font-size:15px}.section .step{margin-top:10px}.section .step:first-child{margin-top:0}@media (max-width:760px){.feature-row{grid-template-columns:1fr;gap:20px;padding:32px 0}}.demo-tabs button{min-height:44px;padding:12px 6px;font-size:12px}.horse-pin{min-width:44px;min-height:44px}.horse-pin>b{margin:auto}.horse-pin small{top:46px}.map-switch button{min-height:44px}.notification-action{color:#21311c}summary:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #80a900}@media (max-width:760px){.demo-tabs{gap:2px}.demo-tabs button{font-size:12px}}.map-art{position:absolute;inset:0}@media (max-width:760px){.map-canvas{height:495px}.map-art{bottom:145px}.map-info{padding:15px 18px;bottom:12px}.map-info p{font-size:12px!important}.map-info strong{font-size:17px}.map-info>span{font-size:12px}.map-info .heat-legend{margin-top:12px}}.map-canvas{background:#17221d}.usage-navigation{align-items:center;gap:4px;display:flex;position:relative}.usage-dropdown summary{cursor:pointer;padding:10px;font-size:18px;line-height:1;list-style:none}.usage-dropdown summary::-webkit-details-marker{display:none}.usage-dropdown>div{background:#151a1c;border:1px solid #ffffff25;width:245px;padding:15px;position:absolute;top:40px;left:-20px;box-shadow:0 20px 40px #0005}.usage-dropdown a{border-bottom:1px solid #ffffff15;justify-content:space-between;padding:14px 8px;font-size:13px;display:flex}.site-menu nav{max-height:75svh;overflow-y:auto}.site-menu nav a.menu-use{color:#becbbd;padding-left:22px;font-size:12px}.usage-back{color:#b8c6ba;margin-bottom:40px;font-size:12px;display:inline-block}.usage-list{padding-top:35px}.usage-row{border-bottom:1px solid #bfc8bf;grid-template-columns:.65fr 1.8fr 40px;align-items:start;gap:35px;padding:48px 0;display:grid}.usage-row .eyebrow{margin-top:12px;font-size:12px}.usage-row h2{letter-spacing:-1.5px;max-width:680px;margin-bottom:15px;font-size:clamp(28px,3.5vw,48px)}.usage-row p{margin:0;font-size:15px!important}.usage-arrow{font-size:34px}.usage-row:hover h2{text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:1px}.location-stories{padding-top:0}.section .evidence-note{font-size:12px!important}@media (max-width:760px){.usage-row{grid-template-columns:1fr 25px;gap:16px;padding:30px 0}.usage-row>.eyebrow{grid-column:1/-1;margin:0}.usage-row h2{font-size:32px}.usage-arrow{font-size:25px}.usage-back{margin-bottom:28px}}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lw_3E.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873_3E.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2_3E.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F.ttf)format("truetype")}:root{--font-display:"Barlow Condensed",Impact,sans-serif;--accent:#f4e343;--paper:#f7f8f2}body{font-family:Manrope,Arial,sans-serif}.site-header{background:#08110e;height:80px}.button{border-radius:100px}.button:hover{background:#fff16a}.site-footer{background:#08110e}:root{--font-body:Manrope,sans-serif}.site-header>nav{align-items:center}.usage-dropdown summary{justify-content:center;align-items:center;width:32px;height:38px;padding:0;display:flex}.usage-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .2s;display:block;transform:translateY(-2px)rotate(45deg)}.usage-dropdown[open] .usage-chevron{transform:translateY(2px)rotate(225deg)}.section p+.button,.product-copy p+.button{margin-top:28px}.ui-icon{stroke-width:1.75px;vertical-align:middle;flex-shrink:0;width:18px;height:18px}.button>.ui-icon{width:20px;height:20px}.button.small>.ui-icon{width:17px;height:17px}.usage-dropdown summary .ui-icon{width:14px;height:14px;transition:transform .2s}.usage-dropdown[open] summary .ui-icon{transform:rotate(180deg)}.phone-nav .ui-icon{width:17px;height:17px;margin:0 auto 5px;display:block}.map-controls{align-items:center;gap:14px;display:flex}.map-play{color:#dbe5d8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff30;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font:12px Manrope,sans-serif;display:flex}.map-play:hover{background:#ffffff12}.map-play .ui-icon{width:14px;height:14px}.map-switch button[aria-pressed=true]{background:var(--accent)}.heat-overlay{animation:1s ease-out map-reveal}.map-bottom{min-height:58px}@keyframes map-reveal{0%{opacity:0}to{opacity:1}}@media (max-width:760px){.map-controls{gap:8px;width:100%}.map-controls .map-switch{flex:1}.map-play{padding:10px}.map-play span{display:none}}@media (prefers-reduced-motion:reduce){.heat-overlay{animation:none}}.demo-foot{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.demo-foot .demo-note{flex:1;margin:0}.demo-foot .map-play{flex-shrink:0}.bars span{transition:height .85s,background .85s}.feature-row{grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;padding:32px 0}.feature-row>span{color:#61715e;padding:0;font-size:12px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;display:grid}.content-grid .feature-row{border-top:1px solid #bdc8b9}.content-grid .feature-row h2{letter-spacing:-1.8px;margin-bottom:24px;font-size:clamp(36px,3.8vw,54px)}.content-grid .feature-row h3{letter-spacing:-.6px;margin:0 0 15px;font-size:27px;line-height:1.2}.content-grid .feature-row p{max-width:none;margin:0 0 15px;font-size:15px;line-height:1.8}.content-grid .feature-row .large-copy{margin-bottom:20px;font-size:23px!important;line-height:1.4!important}.content-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.usage-row{grid-template-columns:minmax(0,1fr) 40px;gap:16px 30px}.usage-row>.eyebrow{grid-column:1/-1;margin:0}.usage-row h2{max-width:850px}.usage-row p{max-width:750px!important}@media (max-width:850px){.content-grid,.content-grid.three-columns{grid-template-columns:1fr;gap:0}.content-grid .feature-row h2{font-size:42px}.usage-row{grid-template-columns:minmax(0,1fr) 25px}}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08110ef5;position:sticky;top:0}html{scroll-behavior:smooth;scroll-padding-top:104px}@media (max-width:760px){.site-header{height:74px}html{scroll-padding-top:94px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#080909;background-image:repeating-linear-gradient(45deg,#ffffff08 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#00000016 0 1px,#0000 1px 4px);border-bottom:1px solid #292b2b}.site-header:after{content:"";pointer-events:none;z-index:-1;border-top:1px dashed #ffffff1c;border-bottom:1px dashed #ffffff1c;position:absolute;inset:6px 0 7px}.brand{mix-blend-mode:screen}.brand-image{filter:grayscale()invert()contrast(2);mix-blend-mode:normal}.site-menu{display:none}@media (max-width:1023px){.site-header>nav{display:none}.site-menu{display:block}.site-menu summary>span{display:none}.site-menu summary{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.site-menu nav{top:48px}}figcaption,figcaption span{line-height:1.6;font-size:10px!important}@media (max-width:760px){.map-toolbar{gap:14px}.map-controls{flex-wrap:wrap}.map-count{white-space:nowrap}.map-concept{letter-spacing:.3px;max-width:calc(100% - 24px)}.demo-top{flex-wrap:wrap}.demo-tabs button{font-size:12px}.map-bottom{flex-wrap:wrap}.phone-greeting>span,.phone-daily>span{letter-spacing:0}.phone-daily>span{flex-wrap:wrap;gap:6px}.phone-caption{letter-spacing:.4px}.hero-actions{gap:24px}}.gps-map .horse-pin{place-items:center;min-width:44px;min-height:44px;transition:left .4s ease-out,top .4s ease-out;display:grid}.gps-map .horse-pin.selected>b{box-shadow:0 0 0 6px #ffffff25,0 2px 15px #0007}.gps-map .route-overlay{transition:opacity .6s}.gps-map .heat-overlay i{transition:none}@media (prefers-reduced-motion:reduce){.gps-map .horse-pin,.gps-map .route-overlay,.gps-map .heat-overlay i{transition:none}}.juno-metrics{z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f4f8ef;background:#10201bf2;border:1px solid #d9f56c50;border-radius:14px;width:244px;padding:16px;transition:left .4s ease-out,top .4s ease-out;position:absolute;transform:translate(-50%,calc(-100% - 30px));box-shadow:0 12px 30px #0005}.juno-metrics:after{content:"";background:#10201b;border-bottom:1px solid #d9f56c50;border-right:1px solid #d9f56c50;width:12px;height:12px;position:absolute;bottom:-7px;left:calc(50% - 6px);transform:rotate(45deg)}.juno-metrics-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.juno-metrics-heading strong{align-items:center;gap:7px;font-size:15px;display:flex}.juno-metrics-heading i{background:#d9f56c;border-radius:50%;width:7px;height:7px}.juno-metrics-heading>span{color:#d9f56c;background:#d9f56c12;border-radius:20px;padding:4px 8px;font-size:12px}.juno-metrics dl{grid-template-columns:1fr 1fr;gap:12px 14px;margin:0;display:grid}.juno-metrics dl>div:last-child{border-top:1px solid #ffffff18;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.juno-metrics dt{color:#bbcabe;margin-bottom:4px;font-size:12px}.juno-metrics dd{font-variant-numeric:tabular-nums;margin:0;font-size:19px;font-weight:500}.juno-metrics dd span{color:#bbcabe;font-size:12px}.juno-metrics dl>div:last-child dd{font-size:14px}.juno-metrics-footer{color:#bbcabe;border-top:1px solid #ffffff18;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}@media (max-width:760px){.juno-metrics{width:202px;padding:12px}.juno-metrics-heading{margin-bottom:9px}.juno-metrics dl{gap:7px 12px}.juno-metrics dd{font-size:17px}.juno-metrics dl>div:last-child{padding-top:6px}.juno-metrics-footer{margin-top:6px;padding-top:6px}}@media (prefers-reduced-motion:reduce){.juno-metrics{transition:none}}@media (max-width:760px){.juno-metrics{padding:10px 12px}.juno-metrics dl>div:last-child{display:none}.juno-metrics-heading{margin-bottom:7px}.juno-metrics-footer{margin-top:7px;padding-top:7px}}.site-header .brand{mix-blend-mode:screen;align-items:center;gap:10px;width:220px;height:60px;display:flex;overflow:visible;transform:none}.brand-original{filter:invert()hue-rotate(180deg)saturate(2)brightness(1.65);mix-blend-mode:screen;background:url(/images/hoofstep-original-mark.png) -14px -4px/90px no-repeat;flex-shrink:0;width:59px;height:51px;display:block}.brand-wordmark{filter:grayscale()invert()contrast(2);mix-blend-mode:screen;background:url(/images/hoofstep-logo-board.png) -101px -61px/296px no-repeat;flex-shrink:0;width:153px;height:21px;display:block}@media (max-width:760px){.site-header .brand{gap:6px;width:156px;height:48px}.brand-original{background-position:-10px -3px;background-size:65px;width:42px;height:37px}.brand-wordmark{background-position:-71px -43px;background-size:209px;width:108px;height:16px}}.site-footer{grid-template-columns:1fr 1.5fr;align-items:start;gap:48px;padding-top:64px;padding-bottom:28px}.footer-brand>p{margin:12px 0 18px}.footer-brand>a:last-child{align-items:center;gap:8px;min-height:32px;display:inline-flex}.footer-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.footer-groups nav{flex-direction:column;gap:0;font-size:14px;display:flex}.footer-groups h2{letter-spacing:1.3px;text-transform:uppercase;color:#f3f5ef;margin:0 0 18px;font-size:12px;font-weight:600}.footer-groups a{padding:9px 0;line-height:1.5;display:block}.footer-bottom{align-items:center;gap:18px}.footer-bottom a{padding:10px 0;font-size:12px}@media (max-width:760px){.site-footer{grid-template-columns:1fr;gap:34px;padding-top:44px}.footer-groups{gap:20px 14px}.footer-groups a{min-height:40px;font-size:12px}.footer-bottom{align-items:flex-start;gap:4px}.footer-groups h2{letter-spacing:.6px}}html.lenis,html.lenis body{height:auto}html.lenis.lenis-smooth{scroll-behavior:auto!important}.page-continuation{color:#fff;background:#101617;border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:24px;padding:38px 8%;display:flex}.page-continuation>span{color:#b9c4bc;font-size:14px}.page-continuation .button{min-height:48px}@media (max-width:760px){.page-continuation{flex-direction:column;align-items:stretch;gap:16px;padding:28px 6%}.page-continuation .button{width:100%}}@media (min-width:1200px){body{--content-gutter:12.5vw}#main>section:not(.full-bleed),#main>figure,#main>.app-section-nav,.site-header,.site-footer,.page-continuation{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}#main>section:not(.full-bleed),#main>figure{padding-inline:var(--content-gutter)!important}#main>.product-story .product-copy{padding-left:40px;padding-right:0}}.page-continuation{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:48px;padding-bottom:48px}.page-continuation>span{font-size:14px}.page-continuation .button{justify-content:center;gap:30px;width:auto;max-width:100%;min-height:64px;padding:20px 36px;font-size:22px;font-weight:700;line-height:1.25}.page-continuation .button svg{flex-shrink:0;width:24px;height:24px}@media (max-width:600px){.page-continuation{gap:16px;padding-top:36px;padding-bottom:36px}.page-continuation .button{gap:22px;min-height:60px;padding:18px 26px;font-size:19px}}.site-header{background-color:#a82d32;border-bottom-color:#721b20;box-shadow:inset 0 1px #e47d7555,inset 0 -1px #4a101455}.site-header:after{border-color:#f5b1a34d}.strap-fitting{pointer-events:none;background:0 0;border:4px solid #949b9d;border-radius:7px;width:24px;height:60%;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 1px 0 #f1f2f1,1px 0 #dce0df,-1px 0 #454d50,0 3px 6px #31090b44}.strap-fitting:last-of-type{right:24px}@media (max-width:1199px){.strap-fitting{border-width:3px;width:14px}.strap-fitting:first-of-type{left:8px}.strap-fitting:last-of-type{right:8px}}@media (max-width:600px){.strap-fitting{border-width:2px;border-radius:3px;width:7px;height:52%}.strap-fitting:first-of-type{left:3px}.strap-fitting:last-of-type{right:3px}}.strap-fitting{isolation:isolate;background:#401619;border:6px solid #a1a8aa;border-color:#e0e3e2 #a1a8aa #626b6f;border-radius:9px;width:38px;height:calc(100% - 14px);box-shadow:0 2px 4px #21070880,inset 0 1px 2px #15191c,1px 0 #edf0ec}.strap-fitting:first-of-type{left:25px}.strap-fitting:last-of-type{right:25px;transform:translateY(-50%)scaleX(-1)}.strap-fitting:before{content:"";z-index:-1;background:repeating-linear-gradient(45deg,#ffffff08 0 1px,#0000 1px 4px),linear-gradient(90deg,#181b1c,#303031 75%,#101314);border-top:1px solid #696567;border-bottom:1px solid #080a0b;width:42px;position:absolute;top:4px;bottom:4px;right:22px;box-shadow:0 2px 3px #300a0e77}.strap-fitting:after{content:"";background:repeating-linear-gradient(45deg,#ffffff09 0 1px,#0000 1px 4px),linear-gradient(90deg,#61191e,#a82d32 52%);border-top:1px dashed #ed96815e;border-bottom:1px dashed #ed96815e;border-radius:2px 0 0 2px;width:45px;position:absolute;top:5px;bottom:5px;left:13px;box-shadow:-3px 0 3px #1b06096b}@media (min-width:601px) and (max-width:1199px){.site-header{padding-inline:75px}}@media (max-width:600px){.strap-fitting{border-width:3px;border-radius:4px;width:13px;height:calc(100% - 18px)}.strap-fitting:first-of-type{left:3px}.strap-fitting:last-of-type{right:3px}.strap-fitting:before{width:14px;right:6px}.strap-fitting:after{width:9px;top:4px;bottom:4px;left:4px}.site-header{padding-inline:25px}}.site-header{background-image:repeating-linear-gradient(45deg,#ffffff07 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#28060918 0 1px,#0000 1px 4px),linear-gradient(#bb4145 0%,#aa3036 24%,#a32b31 65%,#882229 100%);box-shadow:inset 0 1px #f2a19966,inset 0 -2px #4e111955,0 3px 12px #00000018}.site-header .brand{mix-blend-mode:normal}.brand-original{filter:invert()hue-rotate(180deg)saturate(1.3)brightness(1.08);image-rendering:auto}.brand-wordmark{filter:grayscale()invert();image-rendering:auto}.site-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.strap-fitting{background:#401619;border-color:#a3acae #737d81 #424d53;box-shadow:0 2px 4px #21070880,inset 0 1px 2px #15191c,1px 0 #b3bcbd}.strap-fitting:after{background:repeating-linear-gradient(45deg,#ffffff09 0 1px,#0000 1px 4px),linear-gradient(90deg,#61191e,#a82d32 52%);box-shadow:-3px 0 3px #1b06096b}.strap-fitting{background:#39191d;border-color:#454a4b #303536 #24292a;border-radius:12px;box-shadow:0 2px 4px #17090b45,inset 0 1px 2px #12171766,0 1px 1px #60656533}.strap-fitting:before{border-top-color:#3c4142;border-bottom-color:#202425;box-shadow:0 2px 3px #180b0d40}.strap-fitting:after{border-radius:4px 0 0 4px;box-shadow:-2px 0 4px #190a0c66}@media (max-width:600px){.strap-fitting{border-radius:5px}}.strap-fitting:after{-webkit-mask-image:linear-gradient(90deg,#000 0% 30%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 30%,#0000 100%)}.site-header{height:96px}.strap-fitting:before{top:1px;bottom:1px}.strap-fitting:after{top:2px;bottom:2px}html{scroll-padding-top:116px}@media (max-width:760px){.site-header{height:86px}html{scroll-padding-top:106px}}@media (min-width:1024px){.site-header>nav{white-space:nowrap;gap:clamp(28px,3vw,48px);font-size:17px;font-weight:600;line-height:1.4}.site-header>nav>a,.site-header .usage-navigation>a{align-items:center;min-height:48px;display:flex}.site-header .usage-navigation{gap:6px}.site-header .usage-dropdown summary{width:28px;height:48px}.site-header .usage-dropdown summary .ui-icon{width:16px;height:16px}.site-header .usage-dropdown>div{top:52px}}.strap-fitting{height:calc(100% - 8px)}@media (max-width:600px){.strap-fitting{height:calc(100% - 12px)}}@media (min-width:1200px){.strap-fitting:first-of-type{left:calc(12.5% - 64px)}.strap-fitting:last-of-type{right:calc(12.5% - 64px)}.strap-fitting:before{width:max(42px,12.5vw - 53px)}}.strap-fitting:before{background:repeating-linear-gradient(45deg,#ffffff08 0 1px,#0000 1px 4px),linear-gradient(90deg,#181b1c 0%,#1d2021 calc(100% - 18px),#303334 calc(100% - 7px),#121617 100%)}.site-header .header-actions{flex-shrink:0}.site-header .button.small{white-space:nowrap;flex-shrink:0}.site-header .button.small svg{flex-shrink:0}@media (max-width:400px){.site-header{padding-inline:22px}.site-header .brand{gap:5px;width:140px}.site-header .brand-original{background-position:-9px -3px;background-size:59px;width:37px;height:34px}.site-header .brand-wordmark{background-position:-65px -39px;background-size:190px;width:98px;height:15px}.site-header .header-actions{gap:4px}.site-header .button.small{gap:6px;padding:11px 10px}.site-header .button.small svg{width:14px;height:14px}.site-header .site-menu summary{min-width:36px}}@media (max-width:350px){.site-header .button.small svg{display:none}.site-header .brand{width:130px}.site-header .brand-wordmark{background-position:-59px -35px;background-size:172px;width:88px}}@media (max-width:1023px){.site-header .header-actions>.button{display:none}}.mobile-menu{display:none}@media (max-width:1023px){.mobile-menu{display:block}.mobile-menu-toggle,.mobile-menu-top button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:10px;display:grid}.mobile-menu-toggle svg,.mobile-menu-top svg{width:24px;height:24px}.mobile-menu-panel{color:#fff;overscroll-behavior:contain;background:linear-gradient(155deg,#ab3037,#872129);border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.mobile-menu-panel::backdrop{background:#872129}.mobile-menu-top{padding:calc(20px + env(safe-area-inset-top)) 6% 20px;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;display:flex}.mobile-menu-top>span{letter-spacing:1px;font-size:23px;font-weight:700}.mobile-menu-panel nav{padding:20px 6% calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:0;display:flex}.mobile-menu-panel nav a{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:24px;padding:15px 0;font-size:28px;font-weight:600;line-height:1.3;display:flex}.mobile-menu-panel nav a svg{opacity:.75;flex-shrink:0;width:22px;height:22px}.mobile-menu-panel .mobile-menu-label{letter-spacing:1.6px;text-transform:uppercase;color:#f0c7c9;margin:32px 0 8px;font-size:12px}.mobile-menu-panel nav .mobile-menu-use{padding:13px 0;font-size:20px}.mobile-menu-panel nav .mobile-menu-updates{color:#151b16;background:#f4e343;border:0;border-radius:40px;margin-top:28px;padding:18px 24px;font-size:18px}}.ui-icon{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;min-width:18px;height:18px;display:inline-block}svg.lucide{flex-shrink:0}button,summary{color:inherit}.usage-arrow .ui-icon{width:28px;height:28px}html,body{overscroll-behavior-x:none;max-width:100%;overflow-x:clip}@media (pointer:coarse){html,body{overscroll-behavior-y:none}input,select,textarea{font-size:16px}}#main,#main section,#main figure,#main section>div{min-width:0}@media (max-width:600px){.button{max-width:100%}.demo-tabs button{min-width:0;padding-inline:5px}.spec-table{table-layout:fixed;overflow-wrap:anywhere}.site-header{width:100%}}@media (max-width:760px){.site-header .brand{gap:8px;width:190px;height:54px}.site-header .brand-original{background-position:-12px -3px;background-size:77px;width:50px;height:44px}.site-header .brand-wordmark{background-position:-87px -53px;background-size:256px;width:132px;height:19px}}
