.scroll-button {
  all: unset; /* Resetuje všechny výchozí styly tlačítka */
  cursor: pointer; /* Změní kurzor na ukazatel při najetí myší */
  font-size: 20px; /* Velikost šipky */
  color: #3498db; /* Barva šipky */
}

.scroll-button:hover {
  color: #1d6fa5; /* Změna barvy při hover */
}



.video-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.video-container video {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}



.scrolling-color-button {
  display: inline-flex; /* Použití inline-flex pro dynamickou velikost tlačítka */
  align-items: center; /* Vertikální zarovnání textu na střed */
  justify-content: center; /* Horizontální zarovnání textu na střed */
  background-color: #3498db; /* Výchozí jednobarevná modrá barva tlačítka */
  color: #ffffff; /* Barva textu */
  padding:0px 18px; /* Nastavení vnitřního okraje pro velikost tlačítka */
  text-align: center; /* Zarovnání textu */
  text-decoration: none; /* Bez podtržení textu */
  border-radius: 9999px; /* Velmi vysoká hodnota pro zaoblení - zajistí oválný tvar */
  transition: background-color 0.2s ease, transform 0.2s ease; /* Přidá přechod pro animaci změny barvy a pohybu tlačítka */
  font-size: 2; /* Správné zarovnání textu */
  line-height: 2; /* Snížená výška řádku */
  height: auto; /* Automatická výška podle obsahu */
  width: auto; /* Automatická šířka podle obsahu */
}

.scrolling-color-button:hover {
  background-color: #fb0; /* Při najetí myší přechod na černou barvu */
  transform: translateY(-5px); /* Posun tlačítka směrem nahoru při najetí myší */
}
/**
 * Content
 */


body {
	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	color: rgba(0, 0, 0, 0.4);
}

.page a.active.image-link img {
	outline: 1px solid #06f;
    outline-offset: -1px;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1rem;
}

ol >li {
    padding-left: 0.75rem;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(0, 0, 0, 0.16);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: 1.0rem;
    vertical-align: bottom;
}

.gallery_image_caption {
    margin-top: 0.8em;
    margin-bottom: 3.0rem;
    font-size: 1rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: left;
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.5rem;
	color: rgb(185, 185, 185);
    font-family: "Inter", Icons, sans-serif;   line-height: 1.;	font-style: normal;
	font-weight: 300;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] bodycopy a {
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
	color: rgb(185, 185, 185);
	padding-bottom: 0em;
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
    font-family: "Inter", Icons, sans-serif;   padding: 0;	margin: 1;
	font-size: 1rem;
	line-height: 0.7;
	color: rgb(185, 185, 185);
	font-style: normal;
	font-weight: 900;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] h1 a {
	color: rgb(255, 255, 255,1);
}

[data-predefined-style="true"] h2 {
    font-family: "Inter", sans-serif;	font-style: normal;
	font-weight: 700;
	padding: 0;
	margin: 0;
	color: rgb(150, 150, 150);
	font-size: 3.4rem;
	line-height: 1;
	letter-spacing: 0.01em;
}

[data-predefined-style="true"] h2 a {
	color: rgb(150, 150, 150);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 3.4rem;
	line-height: 1;
    font-family: "Inter", Icons, sans-serif;	font-weight: 800;
	color: #f5a311;
    letter-spacing: 0.03em;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] small a {
	color: #fcca00;
}

[data-predefined-style="true"] small a:hover {
	color: #ffc200;
}


/**
 * Breakpoints
 */

[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: center /*!text_center*/;
}

[data-css-preset] body {
	background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100% /*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 0rem /*!main_margin*/;
	padding-left: 0rem /*!main_margin*/;
	padding-right: 0rem /*!main_margin*/;
}

[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

[data-css-preset] .backdrop {
	width: 100% /*!background_cover*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.5rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -1rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.5rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    border-bottom: 0px solid rgba(0, 0, 0, 0.17);
    margin-top: .6rem;
    margin-bottom: 1.4rem;
    font-size: 1.1rem;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.6);
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	line-height: 1.3;
    letter-spacing: 0.04em;
    text-align: left;
}

.thumbnails .tags {
    margin-top: 0.5rem;
    margin-bottom: 1.4rem;
    font-size: 1.1rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.75);
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	line-height: 1.5;
    text-align: left;
    padding: 0;
}

.thumbnails .tags a {
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: -1.4rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    display: none !important;
	color: rgba(0, 0, 0, 1);
	line-height: 1;
	font-size: 28px /*!site_menu_button*/;
	padding: 6px;
	line-height: 1;
	background: rgba(33, 32, 46, 0);
	position: fixed;
	top: 3rem /*!site_menu_button*/;
	right: 3rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
	font-size: 28px;
}

#site_menu_button.custom_icon {
	width: 80px;
	height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(255, 255, 255, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(104, 104, 104, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/**
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.6);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1.;
    position: fixed;
	padding: 6px;
	right: 2rem /*!shop_button*/;
	bottom: 2rem /*!shop_button*/;
}

#shop_button.text {
    font-family: "Neue Haas Grotesk", Icons;
	font-size: 1.3rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	font-style: normal;
    line-height: 1.3;
    letter-spacing: .07em;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -10px;
    font-size: 36px;
}

/**
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 1rem;
	font-size: 3rem;
	line-height: 1.1;
	color: rgba(0, 0, 0, 0.6);
}

.shop_product .dropdown {
    font-family: "Neue Haas Grotesk", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
	font-style: normal;
	font-weight: 400;
}

.shop_product .button {
    font-family: "Neue Haas Grotesk", Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.6);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
	font-style: normal;
	font-weight: 400;
}

/**
 * Image Zoom
 */

.content img.image-zoom:active {
    opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 1.6rem /*!quick_view_padding*/;
    padding-bottom: 1.6rem /*!quick_view_padding*/;
    padding-left: 1.6rem /*!quick_view_padding*/;
    padding-right: 1.6rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
    background: rgba(0, 0, 0, 0.8) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}

/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 0.85);
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #000;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0;
}

/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}

/**
 * Audio Player
 */

.audio-player {
    max-width: 26rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: transparent;
    font-size: 1.1rem;
    line-height: 1.3;
    font-family: "Neue Haas Grotesk", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

[data-css-preset] .content_padding {
	padding-top: 0.0rem /*!main_margin*/;
	padding-bottom: -0.0rem /*!main_margin*/;
	padding-left: 0.0rem /*!main_margin*/;
	padding-right: 0.0rem /*!main_margin*/;
}



/* ============ HISTO one-pager (koncept) ============ */
.h-page{
    background:#ffffff;color:#211d15;}
.h-page section, .h-page .h-hero, .h-page .h-footer{
    padding:96px 28px;}
.h-page .h-hero{
    padding-top:110px;padding-bottom:32px;text-align:center;background:#ffffff;}
.h-page .h-eyebrow, .h-page .h-eyebrow2{
	font-family:"Inter",sans-serif;font-size:0.98rem;letter-spacing:0.14em;text-transform:uppercase;color:#FFAC00;margin:0 0 16px;text-align:center;}
.h-page .h-claim{
	font-family:"Inter",sans-serif;font-weight:400;font-size:0.98rem;letter-spacing:0.14em;text-transform:uppercase;line-height:1.15;color:#FFAC00;max-width:none;white-space:nowrap;margin:0 auto 44px;}
.h-page .h-sub{
    color:#5c5748;max-width:52ch;margin:0 auto 28px;font-size:1.17rem;}
.h-page .h-ctas{
    display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:44px;}
.h-page .h-btn{
	font-family:"Inter",sans-serif;font-weight:600;font-size:0.92rem;letter-spacing:0.04em;text-transform:uppercase;padding:12px 22px;border-radius:24px;display:inline-block;text-decoration:none;}
.h-page .h-btn-primary{
    background:#ffffff;color:#1c1408;box-shadow:0 2px 10px rgba(0,0,0,0.15);}
.h-page .h-btn-secondary{
    border:1px solid #cfc7b3;color:#2a261c;}
.h-page .h-btn-small{
    border-radius:6px;}
.h-page .h-ph{
	position:relative;border-radius:10px;overflow:hidden;background:#ffffff;display:flex;align-items:center;justify-content:center;text-align:center;color:#8a8471;font-family:"Inter",sans-serif;font-size:0.9rem;padding:16px;}
.h-page .h-ph-hero{
    aspect-ratio:9/19.5;height:100%;width:auto;max-width:none;margin:0 auto;}
.h-page .h-ph-wide{
    aspect-ratio:21/9;max-width:none;width:100%;margin:0 auto;}
@media(max-width:760px){
	.h-page .h-ph-wide{
		aspect-ratio:4/5;}
}
.h-page .h-ph-square{
    aspect-ratio:1/1;}
.h-page .h-strip{
	display:flex;gap:0;justify-content:center;flex-wrap:wrap;padding:18px 0;border-top:1px solid #e7e2d3;border-bottom:1px solid #e7e2d3;font-family:"Inter",sans-serif;font-size:0.83rem;letter-spacing:0.05em;text-transform:uppercase;color:#847e6c;}
.h-page .h-strip span{
    padding:0 18px;border-right:1px solid #e7e2d3;}
.h-page .h-strip span:last-child{
    border-right:none;}
.h-page .h-section{
    border-top:none;text-align:center;}
.h-page .h-section.h-panel{
    border-top:none;background:#e9edf1;border-radius:28px;max-width:1080px;margin:64px auto;padding:96px 60px;}
.h-page .h-section h2{
	font-family:"Inter",sans-serif;font-weight:700;font-size:2.07rem;color:#1c1710;max-width:26ch;margin:0 auto 16px;}
.h-page .h-body{
    color:#4c4737;max-width:58ch;margin:0 auto;font-size:1.05rem;}
.h-page .h-note{
    color:#6b6553;max-width:56ch;margin:16px auto 0;font-size:1.05rem;font-style:normal;}
.h-page .h-showcase{
	display:grid;grid-template-columns:280px auto;width:fit-content;gap:80px;align-items:center;margin:120px auto 0;max-width:1080px;text-align:left;}
.h-page .h-radio{
    display:none;}
.h-page .h-tabs{
    display:flex;flex-direction:column;gap:10px;margin:0;position:relative;}
.h-page .h-tabs::before{
    content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:#e3dfd2;}
.h-page .h-tab{
    display:block;padding:4px 10px 4px 0;border-right:1px solid transparent;cursor:pointer;text-align:right;}
.h-page .h-tab .h-num{
    display:none;}
.h-page .h-tab h3{
    font-family:"Inter",sans-serif;font-weight:600;font-size:1.15rem;color:#c9c9c9;margin:2px 0 4px;transition:color 0.2s ease;}
.h-page .h-tab p{
    color:#d4d4d4;font-size:1.05rem;margin:0 0 0 auto;max-width:26ch;transition:color 0.2s ease;}
.h-page .h-tab{
    transition:border-color 0.2s ease;}
.h-page .h-showcase-media{
    position:relative;height:837px;min-height:340px;display:flex;justify-content:flex-start;}
.h-page .h-media{
    display:none;}
@media(max-width:760px){
	.h-page .h-showcase{
        grid-template-columns:1fr;gap:20px;max-width:none;margin-top:64px;}
	.h-page .h-showcase-media{
        order:1;width:100%;height:auto;}
	.h-page .h-ph-hero{
        width:100%;height:auto;}
	.h-page .h-tabs{
        order:2;flex-direction:row;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}
	.h-page .h-tabs::-webkit-scrollbar{
        display:none;}
	.h-page .h-tab{
        flex:0 0 auto;min-width:150px;border-right:none;border-top:1px solid transparent;text-align:left;padding:10px 14px 0;}
	.h-page .h-tabs::before{
        top:0;left:0;right:auto;bottom:auto;height:1px;width:100%;background:#e3dfd2;}
	.h-page .h-tab p{
        display:none;}
}
#p1:checked ~ .h-tabs .h-tab:nth-child(1){
    border-right:1px solid #FFAC00;}
#p1:checked ~ .h-tabs .h-tab:nth-child(1) h3{
    color:#1c1710;}
#p1:checked ~ .h-tabs .h-tab:nth-child(1) p{
    color:#4c4737;}
#p2:checked ~ .h-tabs .h-tab:nth-child(2){
    border-right:1px solid #FFAC00;}
#p2:checked ~ .h-tabs .h-tab:nth-child(2) h3{
    color:#1c1710;}
#p2:checked ~ .h-tabs .h-tab:nth-child(2) p{
    color:#4c4737;}
#p3:checked ~ .h-tabs .h-tab:nth-child(3){
    border-right:1px solid #FFAC00;}
#p3:checked ~ .h-tabs .h-tab:nth-child(3) h3{
    color:#1c1710;}
#p3:checked ~ .h-tabs .h-tab:nth-child(3) p{
    color:#4c4737;}
#p4:checked ~ .h-tabs .h-tab:nth-child(4){
    border-right:1px solid #FFAC00;}
#p4:checked ~ .h-tabs .h-tab:nth-child(4) h3{
    color:#1c1710;}
#p4:checked ~ .h-tabs .h-tab:nth-child(4) p{
    color:#4c4737;}
#p5:checked ~ .h-tabs .h-tab:nth-child(5){
    border-right:1px solid #FFAC00;}
#p5:checked ~ .h-tabs .h-tab:nth-child(5) h3{
    color:#1c1710;}
#p5:checked ~ .h-tabs .h-tab:nth-child(5) p{
    color:#4c4737;}
#p6:checked ~ .h-tabs .h-tab:nth-child(6){
    border-right:1px solid #FFAC00;}
#p6:checked ~ .h-tabs .h-tab:nth-child(6) h3{
    color:#1c1710;}
#p6:checked ~ .h-tabs .h-tab:nth-child(6) p{
    color:#4c4737;}
#p1:checked ~ .h-showcase-media .h-media-1{
    display:flex;}
#p2:checked ~ .h-showcase-media .h-media-2{
    display:flex;}
#p3:checked ~ .h-showcase-media .h-media-3{
    display:flex;}
#p4:checked ~ .h-showcase-media .h-media-4{
    display:flex;}
#p5:checked ~ .h-showcase-media .h-media-5{
    display:flex;}
#p6:checked ~ .h-showcase-media .h-media-6{
    display:flex;}
.h-page .h-founder{
	display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;margin-top:28px;text-align:left;}
@media(max-width:640px){
	.h-page .h-founder{
        grid-template-columns:1fr;}
}
.h-page .h-body-left{
    text-align:left;margin:0;max-width:none;}
.h-page .h-timeline{
	display:flex;flex-direction:column;gap:0;margin-top:36px;max-width:640px;margin-inline:auto;text-align:center;}
.h-page .h-tl-item{
    display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0;border-top:1px solid #ece7d8;}
.h-page .h-tl-item:first-child{
    border-top:none;}
.h-page .h-when{
	font-family:"Inter",sans-serif;font-size:0.96rem;letter-spacing:0.08em;text-transform:uppercase;color:#FFAC00;}
.h-page .h-what{
    max-width:46ch;}
.h-page .h-what b{
    display:block;font-weight:700;color:#211d15;font-size:1.15rem;margin-bottom:4px;}
.h-page .h-what span{
    color:#6f6a5a;font-size:1.01rem;}
.h-page .h-waitlist{
    max-width:360px;margin:24px auto 0;display:flex;gap:8px;}
.h-page .h-field{
	flex:1;font-family:"Inter",sans-serif;font-size:0.98rem;color:#211d15;background:#ffffff;border:1px solid #ddd6c2;border-radius:6px;padding:10px 12px;}
.h-page .h-footer{
    text-align:center;color:#847e6c;font-size:0.92rem;border-top:1px solid #ece7d8;}
.h-page .h-footer-word{
    font-family:"Inter",sans-serif;font-weight:700;color:#2a261c;margin-bottom:6px;font-size:1.21rem;}
@media(max-width:520px){
	.h-page .h-claim{
        font-size:1.7rem;white-space:normal;}
.h-page .h-logo{
        width:160px;}
.h-page .h-section{
            padding:44px 20px;}
}
.h-page .h-logo{width:360px;height:auto;margin:0 auto 48px;display:block;color:#1c1710;}
.h-page .h-footer-links{margin-top:14px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-size:0.83rem;}
.h-page .h-footer-links a{color:#847e6c;text-decoration:none;border-bottom:1px solid transparent;}
.h-page .h-footer-links a:hover{border-bottom-color:#847e6c;}
.h-page.h-legal{background:#ffffff;color:#211d15;}
.h-legal-header{position:fixed;top:0;left:0;width:100%;z-index:30;background:#fff;padding-top:44px;border-bottom:1px solid #ece7d8;}
.h-page.h-legal{padding-top:177px;}
.h-legal-headrow{position:relative;display:flex;align-items:center;justify-content:center;max-width:720px;margin:0 auto;padding:0 28px 28px;}
.h-legal-headrow .h-logo{width:165px;margin:0;}
.h-legal-nav{position:relative;}
.h-legal-close{position:absolute;left:28px;top:-74px;transform:translateY(-50%);font-family:"Inter",sans-serif;font-weight:500;font-size:2.2rem;line-height:1;color:#1c1710 !important;text-decoration:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.h-legal-close:hover{background:#f2efe6;}
.h-legal-nav{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:0 28px 18px;font-family:"Inter",sans-serif;font-size:0.87rem;letter-spacing:0.04em;text-transform:uppercase;max-width:720px;margin:0 auto;align-items:center;}
.h-legal-nav a{color:#1c1710 !important;text-decoration:none;border-bottom:1px solid transparent;}
.h-legal-nav a:hover{border-bottom-color:#1c1710;}
.h-legal-sep{color:#c9c3b0;}
.h-legal-section{max-width:720px;margin:0 auto;padding:44px 28px;border-top:1px solid #ece7d8;text-align:left;scroll-margin-top:145px;}
.h-legal-section:first-of-type{border-top:none;}
.h-legal-section h2{font-family:"Inter",sans-serif;font-weight:700;font-size:1.73rem;color:#1c1710;margin:0 0 8px;}
.h-legal-meta{font-family:"Inter",sans-serif;font-size:0.9rem;color:#8a8471;margin:0 0 22px;}
.h-legal-meta a{color:#8a8471;}
.h-legal-section p{color:#4c4737;font-size:1.09rem;line-height:1.65;margin:0 0 14px;}
.h-legal-section p:last-child{margin-bottom:0;}
.h-legal-section a{color:#FFAC00;}





/* Full, uncropped video for the Games pillar — box edges line up exactly with the video's own edges */
.h-page .h-media-5.h-ph-hero{
	aspect-ratio:1171/2279;
	padding:0;
	border:none;
}
.h-page .h-media-1.h-ph-hero,
.h-page .h-media-2.h-ph-hero,
.h-page .h-media-6.h-ph-hero{
	aspect-ratio:1170/2278;
	padding:0;
	border:none;
}
.h-page .h-media video{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	border-radius:inherit;
}


/* Intro hero clip — fills the wide box, cropped via object-fit:cover */
.h-page .h-ph-wide{
	padding:0;
	border:none;
	overflow:hidden;
}
.h-page .h-ph-wide video{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	border-radius:inherit;
}


/* Intro hero video — inner drop shadow overlay (matches pillar video treatment) */
.h-page .h-ph-wide{
	position:relative;
}
.h-page .h-ph-wide::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;
	box-shadow:inset 3px 3px 6px -1px rgba(0,0,0,0.12), inset -3px -3px 4px -2px rgba(0,0,0,0.08);
	pointer-events:none;
}


.h-page .h-logo img{
	width:100%;
	height:auto;
	display:block;
}


/* Mobile: bigger reading text, less top space above logo (placed last so it always wins the cascade) */
@media(max-width:640px){
	.h-page .h-hero{padding-top:36px;}
	.h-page .h-logo{width:190px;margin:0 auto 24px;}
	.h-page .h-claim{font-size:1.7rem;white-space:normal;}
	.h-page .h-eyebrow,.h-page .h-eyebrow2{font-size:1.7rem;}
	.h-page .h-sub{font-size:1.83rem;}
	.h-page .h-btn{font-size:1.44rem;}
	.h-page .h-ph{font-size:1.4rem;}
	.h-page .h-strip{font-size:1.3rem;}
	.h-page .h-section h2{font-size:3.23rem;}
	.h-page .h-body{font-size:1.64rem;}
	.h-page .h-note{font-size:1.64rem;}
	.h-page .h-tab .h-num{font-size:1.22rem;}
	.h-page .h-tab h3{font-size:1.79rem;}
	.h-page .h-tab p{font-size:1.64rem;}
	.h-page .h-when{font-size:1.7rem;}
	.h-page .h-what b{font-size:1.79rem;}
	.h-page .h-what span{font-size:1.58rem;}
	.h-page .h-field{font-size:1.53rem;}
	.h-page .h-footer{font-size:1.44rem;}
	.h-page .h-footer-word{font-size:1.89rem;}
	.h-page .h-footer-links{font-size:1.3rem;}
	.h-legal-nav{font-size:1.36rem;justify-content:center;gap:12px 16px;}
	.h-legal-sep:nth-of-type(2){display:none;}
	.h-legal-section h2{font-size:2.7rem;}
	.h-legal-meta{font-size:1.4rem;}
	.h-legal-section p{font-size:1.7rem;}
	.h-legal-headrow .h-logo{width:130px;margin:0;}
	.h-legal-close{top:-64px;font-size:2.8rem;width:54px;height:54px;}
	.h-legal-section{padding-top:22px;scroll-margin-top:140px;}
}

/* Mobile: more side padding so text doesn't hug the edges, and a horizontal (not vertical) accent for the selected feature item */
@media(max-width:760px){
	.h-page section,.h-page .h-hero,.h-page .h-footer{padding-left:30px;padding-right:30px;}
	.h-page .h-section{padding-left:30px;padding-right:30px;}
	.h-page .h-section.h-panel{margin:32px 16px;padding:56px 24px;border-radius:20px;}
	#p1:checked ~ .h-tabs .h-tab:nth-child(1),
	#p2:checked ~ .h-tabs .h-tab:nth-child(2),
	#p3:checked ~ .h-tabs .h-tab:nth-child(3),
	#p4:checked ~ .h-tabs .h-tab:nth-child(4),
	#p5:checked ~ .h-tabs .h-tab:nth-child(5),
	#p6:checked ~ .h-tabs .h-tab:nth-child(6){
		border-right:none;
		border-top:1px solid #FFAC00;
	}
}

/* Crop a few px off every video inside a .h-ph media box — hides rendering artifacts (black border lines) baked into exported MP4s. Applies to all current and future videos placed in .h-ph boxes (intro, games, etc). */
.h-page .h-ph video{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:calc(100% + 12px);
	height:calc(100% + 12px);
	object-fit:cover;
	max-width:none;
}

/* ===== CAROUSEL REBUILD ===== */
.h-page .h-section.h-panel{background:#f4f6f9;}
.h-page .h-ph-wide video{object-position:50% 25%;}

.h-page .h-showcase{grid-template-columns:360px auto;gap:72px;align-items:center;}
.h-page .h-panelbox{display:flex;flex-direction:column;align-items:flex-start;}

.h-page .h-slide{display:none;}
.h-page #p1:checked ~ .h-panelbox .h-slide:nth-of-type(1),
.h-page #p2:checked ~ .h-panelbox .h-slide:nth-of-type(2),
.h-page #p3:checked ~ .h-panelbox .h-slide:nth-of-type(3),
.h-page #p4:checked ~ .h-panelbox .h-slide:nth-of-type(4),
.h-page #p5:checked ~ .h-panelbox .h-slide:nth-of-type(5),
.h-page #p6:checked ~ .h-panelbox .h-slide:nth-of-type(6){display:block;}
.h-page .h-slide .h-num{display:inline-block;font-size:0.78rem;letter-spacing:0.14em;color:#b2ab98;margin-bottom:16px;}
.h-page .h-slide h3{font-size:2rem;line-height:1.1;margin:0 0 16px;color:#1c1710;}
.h-page .h-slide p{font-size:1.06rem;line-height:1.6;color:#4c4737;margin:0;max-width:330px;}

.h-page .h-controls{display:flex;align-items:center;gap:20px;margin-top:40px;}
.h-page .h-arrow{position:relative;width:48px;height:48px;flex:0 0 auto;}
.h-page .h-arrow label{display:none;position:absolute;inset:0;border:1px solid #ded9ca;border-radius:50%;background:#fff;color:#1c1710;font-size:1.5rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;transition:border-color .2s,color .2s;}
.h-page .h-arrow label:hover{border-color:#FFAC00;}
.h-page #p1:checked ~ .h-panelbox .h-prev label:nth-of-type(1),
.h-page #p2:checked ~ .h-panelbox .h-prev label:nth-of-type(2),
.h-page #p3:checked ~ .h-panelbox .h-prev label:nth-of-type(3),
.h-page #p4:checked ~ .h-panelbox .h-prev label:nth-of-type(4),
.h-page #p5:checked ~ .h-panelbox .h-prev label:nth-of-type(5),
.h-page #p6:checked ~ .h-panelbox .h-prev label:nth-of-type(6),
.h-page #p1:checked ~ .h-panelbox .h-next label:nth-of-type(1),
.h-page #p2:checked ~ .h-panelbox .h-next label:nth-of-type(2),
.h-page #p3:checked ~ .h-panelbox .h-next label:nth-of-type(3),
.h-page #p4:checked ~ .h-panelbox .h-next label:nth-of-type(4),
.h-page #p5:checked ~ .h-panelbox .h-next label:nth-of-type(5),
.h-page #p6:checked ~ .h-panelbox .h-next label:nth-of-type(6){display:flex;}

.h-page .h-dots{display:flex;align-items:center;gap:11px;}
.h-page .h-dot{width:9px;height:9px;border-radius:50%;background:#d8d3c5;cursor:pointer;display:block;transition:background .25s,transform .25s;}
.h-page #p1:checked ~ .h-panelbox .h-dot:nth-of-type(1),
.h-page #p2:checked ~ .h-panelbox .h-dot:nth-of-type(2),
.h-page #p3:checked ~ .h-panelbox .h-dot:nth-of-type(3),
.h-page #p4:checked ~ .h-panelbox .h-dot:nth-of-type(4),
.h-page #p5:checked ~ .h-panelbox .h-dot:nth-of-type(5),
.h-page #p6:checked ~ .h-panelbox .h-dot:nth-of-type(6){background:#FFAC00;transform:scale(1.3);}

@media(max-width:760px){
  .h-page .h-showcase{grid-template-columns:1fr;gap:26px;max-width:none;margin:56px auto 0;}
  .h-page .h-showcase-media{order:1;width:100%;height:auto;display:flex;justify-content:center;align-items:flex-start;}
  .h-page .h-media.h-ph-hero{height:70vh;aspect-ratio:1170/2278;margin:0 auto;}
  .h-page .h-media-5.h-ph-hero{aspect-ratio:1171/2279;}
  .h-page .h-panelbox{order:2;align-items:center;text-align:center;width:100%;}
  .h-page .h-slide p{max-width:440px;margin:0 auto;}
  .h-page .h-controls{margin-top:26px;justify-content:center;}
}
/* ===== CAROUSEL REBUILD end ===== */


/* ===== CAROUSEL REBUILD v2 ===== */
.h-page .h-ph-wide{max-width:1080px;margin-left:auto;margin-right:auto;}
.h-page .h-slide h3{font-size:2.07rem;}
.h-page .h-slide p{font-size:1.05rem;max-width:380px;}
@media(max-width:640px){
  .h-page .h-slide h3{font-size:3.23rem;}
  .h-page .h-slide p{font-size:1.64rem;}
}
@media(max-width:760px){
  .h-page .h-section.h-panel{margin-left:30px;margin-right:30px;}
  .h-page .h-showcase-media .h-media.h-ph-hero{width:min(86vw,360px);height:auto;aspect-ratio:1170/2278;margin:0 auto;}
}
/* ===== end v2 ===== */


/* ===== CAROUSEL REBUILD v3 ===== */
.h-page .h-slide .h-num{font-size:0.98rem;margin-bottom:14px;}
.h-page .h-dot{width:6px;height:6px;}
.h-page .h-dots{gap:8px;}
@media(max-width:760px){
  .h-page .h-arrow{width:60px;height:60px;}
  .h-page .h-arrow label{font-size:2.1rem;}
  .h-page .h-dot{width:7px;height:7px;}
  .h-page .h-dots{gap:10px;}
  .h-page .h-controls{gap:24px;}
}
@media(max-width:640px){
  .h-page .h-slide .h-num{font-size:1.7rem;}
}
/* ===== end v3 ===== */


/* ===== UI v4 ===== */
.h-page .h-ph-wide{border-radius:28px;}
@media(max-width:760px){ .h-page .h-ph-wide{border-radius:20px;} }

.h-page .h-btn{text-transform:none;letter-spacing:0.01em;}
.h-page .h-btn-small{padding:9px 18px;}
.h-page .h-field{padding:9px 14px;}
.h-page .h-waitlist{flex-direction:row;flex-wrap:nowrap;align-items:center;}
@media(max-width:640px){
  .h-page .h-waitlist{flex-direction:row;flex-wrap:nowrap;max-width:92vw;}
  .h-page .h-field{font-size:1.02rem;padding:9px 14px;}
  .h-page .h-btn{font-size:1.02rem;}
  .h-page .h-btn-small{padding:9px 16px;}
}

.h-page .h-footer-word img{width:128px;height:auto;display:block;}
/* ===== end v4 ===== */


/* ===== LAYOUT v5 ===== */
.h-page .h-footer-word{text-align:center;}
.h-page .h-footer-word img{margin-left:auto;margin-right:auto;}

.h-page .h-showcase{
  grid-template-columns:430px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  grid-template-areas:"media heading" "media switch";
  gap:0 72px;
  align-items:stretch;
  width:auto;
  max-width:1040px;
  margin:96px auto 0;
}
.h-page .h-heading{grid-area:heading;align-self:start;text-align:left;}
.h-page .h-showcase-media{grid-area:media;align-self:start;}
.h-page .h-panelbox{grid-area:switch;align-self:end;}
.h-page .h-heading .h-eyebrow2{margin:0 0 12px;}
.h-page .h-heading h2{margin:0 0 14px;text-align:left;max-width:18ch;}
.h-page .h-heading .h-note{margin:0;text-align:left;max-width:34ch;color:#6b6453;}

@media(max-width:760px){
  .h-page .h-showcase{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    grid-template-areas:"heading" "media" "switch";
    gap:26px;
    max-width:none;
    margin:56px auto 0;
  }
  .h-page .h-heading{text-align:center;}
  .h-page .h-heading h2{text-align:center;margin-left:auto;margin-right:auto;max-width:none;}
  .h-page .h-heading .h-note{text-align:center;margin-left:auto;margin-right:auto;}
}
/* ===== end v5 ===== */


/* ===== LAYOUT v6: centered stack everywhere ===== */
.h-page .h-showcase{
  grid-template-columns:1fr;
  grid-template-rows:auto auto auto;
  grid-template-areas:"heading" "media" "switch";
  gap:40px;
  max-width:760px;
  justify-items:center;
  align-items:center;
  margin:72px auto 0;
}
.h-page .h-heading{text-align:center;}
.h-page .h-heading h2{text-align:center;margin-left:auto;margin-right:auto;max-width:26ch;}
.h-page .h-heading .h-note{text-align:center;margin-left:auto;margin-right:auto;}
.h-page .h-showcase-media{justify-self:center;}
.h-page .h-panelbox{align-items:center;text-align:center;align-self:auto;}
.h-page .h-slide p{margin-left:auto;margin-right:auto;}
.h-page .h-controls{justify-content:center;}
@media(max-width:760px){
  .h-page .h-showcase{gap:28px;max-width:none;}
}
/* ===== end v6 ===== */


/* ===== HERO+GAPS v7 ===== */
.h-page .h-lead{max-width:48ch;margin:16px auto 24px;font-size:1.12rem;line-height:1.6;color:#4c4737;text-align:center;}
.h-page .h-appstore{display:inline-flex;align-items:center;gap:11px;background:#111;color:#fff;border-radius:13px;padding:10px 20px;text-decoration:none;margin-bottom:8px;transition:background .2s;}
.h-page .h-appstore:hover{background:#000;}
.h-page .h-appstore-apple{width:21px;height:25px;fill:#fff;flex:0 0 auto;}
.h-page .h-appstore-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;font-size:1.05rem;font-weight:600;letter-spacing:0.01em;text-transform:none;}
.h-page .h-appstore-text small{font-size:0.64rem;font-weight:400;opacity:0.85;letter-spacing:0.02em;}

/* uniform, tighter gaps from THE IDEA down */
.h-page #how{padding-top:34px;padding-bottom:34px;}
.h-page #waitlist{padding-top:34px;padding-bottom:34px;}
.h-page .h-showcase{margin-top:0;margin-bottom:0;}

@media(max-width:640px){
  .h-page .h-lead{font-size:1.35rem;max-width:34ch;}
  .h-page .h-appstore{padding:12px 24px;border-radius:15px;gap:13px;}
  .h-page .h-appstore-apple{width:26px;height:31px;}
  .h-page .h-appstore-text{font-size:1.2rem;}
  .h-page .h-appstore-text small{font-size:0.8rem;}
}
/* ===== end v7 ===== */


/* ===== APPSTORE FIX v8 ===== */
.h-page .h-appstore .h-appstore-text small{font-size:0.64rem !important;color:#fff !important;font-weight:400 !important;line-height:1.1 !important;letter-spacing:0.02em !important;text-transform:none !important;}
.h-page .h-appstore .h-appstore-text{color:#fff;}
@media(max-width:640px){
  .h-page .h-appstore .h-appstore-text small{font-size:0.82rem !important;}
}
/* ===== end v8 ===== */


/* ===== HERO GAP v9 ===== */
.h-page .h-appstore{margin-bottom:0;}
.h-page .h-hero .h-ph-wide{margin-top:48px;}
/* ===== end v9 ===== */


/* ===== SWITCHER REORDER v10 ===== */
.h-page .h-slide .h-num{display:none;}
.h-page .h-controls{order:-1;margin-top:0;margin-bottom:20px;}
/* ===== end v10 ===== */

/* ===== TAP + TYPE v11 ===== */
/* Dots smaller on laptop and phone. Arrow size on laptop/desktop stays 48px. */
.h-page .h-dot{width:4px;height:4px;}

/* Thin body paragraphs, not headings. Do not change weight. */
.h-page .h-slide p,
.h-page .h-body,
.h-page .h-note,
.h-page .h-tab p{font-size:1.3rem;}
.h-page .h-lead{font-size:1.38rem;}
.h-legal-section p{font-size:1.32rem;}
[data-predefined-style="true"] bodycopy{font-size:1.8rem;font-weight:300;}

@media(max-width:760px){
  .h-page .h-dot{width:4px;height:4px;}
}

@media(max-width:640px){
  .h-page .h-arrow{width:96px;height:96px;}
  .h-page .h-arrow label{font-size:3.1rem;}
  .h-page .h-dot{width:4px;height:4px;}
  .h-page .h-slide p,
  .h-page .h-body,
  .h-page .h-note,
  .h-page .h-tab p{font-size:2rem;}
  .h-page .h-lead{font-size:1.65rem;}
  .h-legal-section p{font-size:2rem;}
}
/* ===== end v11 ===== */

/* ===== ARROW GLYPH v12 ===== */
/* Phone only: circles back to 60px. Chevron larger, still inside the circle. */
@media(max-width:640px){
  .h-page .h-arrow{width:60px;height:60px;}
  .h-page .h-arrow label{font-size:6.5rem;line-height:1;}
}
/* ===== ARROW + TYPE v13 ===== */
/* One paragraph size, a step down. Phone stays a bit larger. */
.h-page .h-slide p,
.h-page .h-body,
.h-page .h-note,
.h-page .h-tab p,
.h-page .h-lead,
.h-legal-section p,
.h-page .h-what span{font-size:1.2rem;}
[data-predefined-style="true"] bodycopy{font-size:1.2rem;font-weight:300;}

@media(max-width:640px){
  .h-page .h-arrow{width:60px;height:60px;}
  .h-page .h-arrow label{
    font-family:"Inter",sans-serif;
    font-weight:200;
    font-variation-settings:'wght' 200;
    font-size:4rem;
    line-height:1;
  }
  .h-page .h-slide p,
  .h-page .h-body,
  .h-page .h-note,
  .h-page .h-tab p,
  .h-page .h-lead,
  .h-legal-section p,
  .h-page .h-what span{font-size:1.85rem;}
  [data-predefined-style="true"] bodycopy{font-size:1.85rem;font-weight:300;}
}
/* ===== end v13 ===== */

/* ===== end v12 ===== */
/* ===== THIN ARROW v14 ===== */
@font-face{
  font-family:"HistoArrow";
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfAZ9hiA.woff2) format("woff2");
}
@media(max-width:640px){
  .h-page .h-arrow{width:60px;height:60px;}
  .h-page .h-arrow label{
    font-family:"HistoArrow",sans-serif;
    font-weight:200;
    font-size:2.6rem;
    line-height:1;
  }
}
/* ===== end v14 ===== */

/* ===== PHONE FEATURE VIDEO v15 ===== */
.h-page .h-media-3.h-ph-hero,
.h-page .h-media-4.h-ph-hero{aspect-ratio:1170/2278;padding:0;border:none;}
@media(max-width:640px){
  .h-page .h-showcase-media .h-media.h-ph-hero{width:min(62vw,260px);height:auto;}
}
/* ===== end v15 ===== */


/* ===== PHONE FEATURE VIDEO v15 ===== */
.h-page .h-media-3.h-ph-hero,
.h-page .h-media-4.h-ph-hero{aspect-ratio:1170/2278;padding:0;border:none;}
@media(max-width:640px){
  .h-page .h-showcase-media .h-media.h-ph-hero{width:min(62vw,260px);height:auto;}
}
/* ===== end v15 ===== */

/* ===== NOTIFY GAP v16 ===== */
.h-page #waitlist .h-waitlist{margin-bottom:40px;}
/* ===== end v16 ===== */

/* ===== NOTIFY GAP v17 ===== */
.h-page #waitlist .h-waitlist{margin-bottom:68px;}
/* ===== end v17 ===== */

/* ===== PHONE CROP + ARROWS v18 ===== */
@media(max-width:640px){
  .h-page .h-showcase-media .h-media.h-ph-hero video{
    width:calc(100% + 2px);
    height:calc(100% + 2px);
  }
  .h-page .h-arrow{width:52px;height:52px;}
  .h-page .h-arrow label{
    font-family:"HistoArrow",sans-serif;
    font-weight:200;
    font-size:3.2rem;
    line-height:1;
  }
}
/* ===== end v18 ===== */



/* ===== FEATURE GRID v19 ===== */
.h-page .h-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:40px 28px;
  width:min(1080px,100%);
  margin:48px auto 0;
  text-align:center;
}
.h-page .h-feature-media{
  position:relative;
  aspect-ratio:1170/2278;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
  margin:0 auto 14px;
}
.h-page .h-feature-media video{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:calc(100% + 12px);
  height:calc(100% + 12px);
  object-fit:cover;
  max-width:none;
  display:block;
}
.h-page .h-feature h3{
  font-family:"Inter",sans-serif;
  font-weight:600;
  font-size:1.35rem;
  line-height:1.2;
  color:#1c1710;
  margin:0 0 8px;
}
.h-page .h-feature p{
  font-size:1.2rem;
  line-height:1.45;
  color:#4c4737;
  margin:0 auto;
  max-width:36ch;
}
@media(max-width:640px){
  .h-page .h-features{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 14px;
    margin-top:28px;
  }
  .h-page .h-feature-media video{
    width:calc(100% + 2px);
    height:calc(100% + 2px);
  }
  .h-page .h-feature h3{font-size:1.15rem;}
  .h-page .h-feature p{font-size:1.85rem;}
}
/* ===== end v19 ===== */

/* ===== ONE FEATURE VIDEO v20 ===== */
.h-page .h-one{
  display:flex;
  justify-content:center;
  width:min(1080px,100%);
  margin:40px auto 0;
}
.h-page .h-one video{
  width:min(340px,86vw);
  height:auto;
  max-width:100%;
  display:block;
  object-fit:contain;
  background:transparent;
}
/* ===== end v20 ===== */

/* ===== FUNCTION LINE CROP v21 ===== */
.h-page .h-one video{
  clip-path:inset(0 0 2px 0);
}
/* ===== end v21 ===== */

/* ===== FUNCTION LINE CROP v22 ===== */
.h-page .h-one video{
  clip-path:inset(0 0 4px 0);
}
/* ===== end v22 ===== */

/* ===== FUNCTION LINE CROP v23 ===== */
.h-page .h-one{
  overflow:hidden;
  clip-path:inset(0 0 3px 0);
}
.h-page .h-one video{
  clip-path:none;
}
/* ===== end v23 ===== */

/* ===== FUNCTION LINE CROP v24 ===== */
.h-page .h-one{
  clip-path:none;
}
.h-page .h-one video{
  clip-path:none;
  height:calc(min(340px, 86vw) * 2278 / 1170 - 4px);
  object-fit:cover;
  object-position:center top;
}
/* ===== end v24 ===== */

/* ===== FUNCTION LINE CROP v25 ===== */
.h-page .h-one{
  overflow:hidden;
  transform:translateZ(0);
  clip-path:none;
}
.h-page .h-one video{
  clip-path:none;
  height:auto;
  object-fit:contain;
  object-position:center;
  margin-bottom:-8px;
}
/* ===== end v25 ===== */

/* ===== FUNCTION LINE CROP v26 ===== */
.h-page .h-one{
  overflow:hidden;
  height:calc(min(340px, 86vw) * 2278 / 1170 - 8px);
  clip-path:none;
  transform:none;
}
.h-page .h-one video{
  clip-path:none;
  height:calc(min(340px, 86vw) * 2278 / 1170);
  flex-shrink:0;
  object-fit:contain;
  object-position:center;
  margin-bottom:0;
}
/* ===== end v26 ===== */

@media (max-width:640px){.h-page .h-people{width:calc(100% - 60px)!important}.h-page #waitlist .h-waitlist{margin-bottom:16px}.h-page .h-footer{padding-top:40px}}

@media (min-width:761px){.h-page .h-ph-wide video{object-position:50% 35%;}}
.h-page .h-promo-wrap{text-align:center;margin:36px auto 12px;}
.h-page .h-promo-wrap .h-btn{background:#1c1408;color:#ffffff;}
.h-promo-page video{width:min(960px,calc(100% - 32px));height:auto;max-width:100%;}

/* PROMO FIT v2 */
.h-page .h-promo-wrap .h-btn{font-size:1.6rem;line-height:1;padding:22px 52px;border-radius:40px;letter-spacing:0.08em;}
.h-promo-page video{display:block;margin:16px auto !important;width:auto;height:calc(100vh - 48px);max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);object-fit:contain;background:#000;}

/* PROMO CONTROLS v3 */
.h-promo-page{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;max-height:100vh;overflow:hidden;padding:16px 16px 12px;background:#fff;}
.h-promo-back{align-self:flex-start;margin:0 0 10px 4px;font-family:Inter,sans-serif;font-weight:600;font-size:1rem;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;color:#1c1408;background:#fff;border:1px solid #1c1408;border-radius:999px;padding:8px 18px;line-height:1;}
.h-promo-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:0;flex:1 1 auto;}
.h-promo-page video{display:block !important;margin:0 auto !important;width:auto !important;height:auto !important;max-width:calc(100vw - 32px) !important;max-height:calc(100vh - 110px) !important;object-fit:contain !important;background:#000;}
.h-promo-controls{display:flex;align-items:center;gap:14px;width:min(560px,calc(100vw - 48px));margin:10px auto 0;background:transparent;box-shadow:none;}
.h-promo-play{flex:0 0 auto;appearance:none;border:0;background:transparent;color:#111;font-family:Inter,sans-serif;font-size:0.95rem;font-weight:600;letter-spacing:0.04em;padding:0;margin:0;cursor:pointer;line-height:1;box-shadow:none;}
.h-promo-track{position:relative;flex:1 1 auto;height:18px;background:transparent;cursor:pointer;}
.h-promo-line{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#111;border-radius:1px;}
.h-promo-handle{position:absolute;top:50%;left:0%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#111;box-shadow:none;}

/* PROMO CONTROLS v4 */
.h-promo-back{background:#000;color:#fff;border-color:#000;}
.h-promo-page video{background:transparent !important;border:0 !important;outline:none !important;box-shadow:none !important;}
.h-promo-controls{width:min(640px,calc(100vw - 48px));}
.h-promo-vol-name{flex:0 0 auto;color:#111;font-family:Inter,sans-serif;font-size:0.95rem;font-weight:600;letter-spacing:0.04em;line-height:1;}
.h-promo-vol{position:relative;flex:0 0 84px;height:18px;background:transparent;cursor:pointer;box-shadow:none;}
.h-promo-vol-line{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#111;border-radius:1px;}
.h-promo-vol-handle{position:absolute;top:50%;left:100%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#111;box-shadow:none;}
.h-page .h-promo-wrap .h-btn{font-size:1.4rem;padding:18px 44px;}

/* PROMO BACK WHITE */
.h-promo-back,.h-promo-back:link,.h-promo-back:visited,.h-promo-back:hover,.h-promo-back:focus{color:#ffffff !important;background:#000000 !important;border-color:#000000 !important;-webkit-text-fill-color:#ffffff !important;}

/* PROMO SPACING v5 */
.h-promo-back{align-self:center !important;margin:0 0 4px 0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;line-height:1 !important;padding:8px 18px !important;}
.h-promo-stage{justify-content:flex-start;}
.h-promo-controls{margin-top:4px !important;}

/* PROMO STACK v6 */
.h-promo-page{justify-content:center !important;}
.h-promo-stage{flex:0 1 auto !important;width:100%;justify-content:flex-start !important;}
.h-promo-frame{position:relative;overflow:hidden;margin:0 auto;height:min(calc(100vh - 140px), calc((100vw - 48px) * 2203 / 1081));aspect-ratio:1081 / 2203;width:auto;max-width:calc(100vw - 48px);flex:0 0 auto;background:transparent;}
.h-promo-frame video{position:absolute !important;width:calc(100% * 1206 / 1081) !important;height:calc(100% * 2622 / 2203) !important;max-width:none !important;max-height:none !important;left:calc(100% * -58 / 1081) !important;top:calc(100% * -166 / 2203) !important;margin:0 !important;object-fit:fill !important;background:transparent !important;}

/* PROMO STACK v7 */
.h-promo-back{margin:0 0 14px 0 !important;}
.h-promo-controls{margin-top:14px !important;}
.h-promo-frame{height:min(calc(100vh - 168px), calc((100vw - 48px) * 2227 / 1105)) !important;aspect-ratio:1105 / 2227 !important;}
.h-promo-frame video{width:calc(100% * 1206 / 1105) !important;height:calc(100% * 2622 / 2227) !important;left:calc(100% * -46 / 1105) !important;top:calc(100% * -154 / 2227) !important;}

/* PROMO ALIGN v8 */
.h-promo-stage{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:max-content !important;max-width:calc(100vw - 32px) !important;margin:0 auto !important;}
.h-promo-controls{width:0 !important;min-width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box !important;}
@media (max-width:640px){
.h-promo-vol,.h-promo-vol-name{display:none !important;}
.h-promo-back{margin-bottom:32px !important;}
.h-promo-controls{margin-top:32px !important;}
.h-promo-frame{height:min(calc(100vh - 210px), calc((100vw - 32px) * 2227 / 1105)) !important;}
}

/* PROMO ALIGN v9 */
.h-promo-frame{height:min(calc(100vh - 168px), calc((100vw - 48px) * 2202 / 1076)) !important;aspect-ratio:1076 / 2202 !important;}
.h-promo-frame video{width:calc(100% * 1206 / 1076) !important;height:calc(100% * 2622 / 2202) !important;left:calc(100% * -61 / 1076) !important;top:calc(100% * -166 / 2202) !important;}
@media (max-width:640px){.h-promo-frame{height:min(calc(100vh - 210px), calc((100vw - 32px) * 2202 / 1076)) !important;aspect-ratio:1076 / 2202 !important;}}

/* PROMO ALIGN v10 */
.h-promo-stage{display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;width:min(calc(100vw - 48px), calc((100vh - 168px) * 1076 / 2202)) !important;max-width:100% !important;margin:0 auto !important;flex:0 1 auto !important;}
.h-promo-frame{width:100% !important;min-width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:1076 / 2202 !important;margin:0 !important;flex:0 0 auto !important;}
.h-promo-controls{width:100% !important;min-width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;align-self:stretch !important;box-sizing:border-box !important;flex:0 0 auto !important;}
.h-promo-track{flex:1 1 auto !important;min-width:0 !important;}
@media (max-width:820px), (pointer:coarse){
.h-promo-vol,.h-promo-vol-name{display:none !important;}
.h-promo-back{margin-bottom:56px !important;}
.h-promo-controls{margin-top:56px !important;}
.h-promo-stage{width:min(calc(100vw - 32px), calc((100vh - 270px) * 1076 / 2202)) !important;}
}

/* PROMO COARSE GAPS v11 */
@media (pointer: coarse){
.h-promo-back{margin-bottom:56px !important;}
.h-promo-controls{margin-top:56px !important;}
.h-promo-stage{width:min(calc(100vw - 32px), calc((100vh - 270px) * 1076 / 2202)) !important;}
}

/* PROMO LAPTOP GAPS v12 */
.h-promo-back{margin:0 0 14px 0 !important;}
.h-promo-controls{margin-top:14px !important;}
.h-promo-stage{display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;width:min(calc(100vw - 48px), calc((100vh - 168px) * 1076 / 2202)) !important;max-width:100% !important;margin:0 auto !important;flex:0 1 auto !important;}
.h-promo-frame,.h-promo-controls{width:min(calc(100vw - 48px), calc((100vh - 168px) * 1076 / 2202)) !important;max-width:100% !important;min-width:0 !important;margin-left:0 !important;margin-right:0 !important;align-self:stretch !important;box-sizing:border-box !important;flex:0 0 auto !important;}
.h-promo-frame{height:auto !important;aspect-ratio:1076 / 2202 !important;}
.h-promo-track{flex:1 1 auto !important;min-width:0 !important;}
@media (max-width:820px), (pointer:coarse){
.h-promo-page{justify-content:flex-start !important;padding-top:10px !important;}
.h-promo-vol,.h-promo-vol-name{display:none !important;}
.h-promo-back{margin-bottom:56px !important;}
.h-promo-controls{margin-top:56px !important;}
.h-promo-stage,.h-promo-frame,.h-promo-controls{width:min(calc(100vw - 32px), calc((100vh - 270px) * 1076 / 2202)) !important;}
}
@media (hover:none) and (pointer:coarse){
.h-promo-page{justify-content:flex-start !important;padding-top:10px !important;}
.h-promo-vol,.h-promo-vol-name{display:none !important;}
.h-promo-back{margin-bottom:56px !important;}
.h-promo-controls{margin-top:56px !important;}
.h-promo-stage,.h-promo-frame,.h-promo-controls{width:min(calc(100vw - 32px), calc((100vh - 270px) * 1076 / 2202)) !important;}
}
.h-promo-page.h-promo-touch{justify-content:flex-start !important;padding-top:10px !important;}
.h-promo-page.h-promo-touch .h-promo-vol,.h-promo-page.h-promo-touch .h-promo-vol-name{display:none !important;}
.h-promo-page.h-promo-touch .h-promo-back{margin-bottom:56px !important;}
.h-promo-page.h-promo-touch .h-promo-controls{margin-top:56px !important;}
.h-promo-page.h-promo-touch .h-promo-stage,.h-promo-page.h-promo-touch .h-promo-frame,.h-promo-page.h-promo-touch .h-promo-controls{width:min(calc(100vw - 32px), calc((100vh - 270px) * 1076 / 2202)) !important;}

/* PROMO GAPS v13 */
.h-promo-back{margin:0 0 32px 0 !important;}
.h-promo-controls{margin-top:32px !important;}
@media (max-width:820px), (pointer:coarse){
.h-promo-back{margin-bottom:16px !important;}
.h-promo-controls{margin-top:16px !important;}
}
@media (hover:none) and (pointer:coarse){
.h-promo-back{margin-bottom:16px !important;}
.h-promo-controls{margin-top:16px !important;}
}
.h-promo-page.h-promo-touch .h-promo-back{margin-bottom:16px !important;}
.h-promo-page.h-promo-touch .h-promo-controls{margin-top:16px !important;}

/* PHONE ONLY v14 */
@media (max-width:820px), ((hover:none) and (pointer:coarse)){
.h-promo-page{padding-top:28px !important;}
.h-promo-stage,.h-promo-frame,.h-promo-controls{width:min(calc(100vw - 24px), calc((100vh - 170px) * 1076 / 2202)) !important;}
.h-page .h-promo-wrap .h-btn{font-size:2rem !important;}
.h-page .h-appstore{align-items:center !important;gap:10px !important;padding:9px 16px 9px 12px !important;border-radius:9px !important;}
.h-page .h-appstore-apple{width:23px !important;height:30px !important;}
.h-page .h-appstore-text{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:4px !important;font-size:1.7rem !important;font-weight:600 !important;line-height:1 !important;letter-spacing:-0.02em !important;}
.h-page .h-appstore .h-appstore-text small{font-size:0.95rem !important;font-weight:400 !important;line-height:1 !important;letter-spacing:0.02em !important;margin:0 0 1px 0 !important;opacity:1 !important;}
}
.h-promo-page.h-promo-touch{padding-top:28px !important;}
.h-promo-page.h-promo-touch .h-promo-stage,.h-promo-page.h-promo-touch .h-promo-frame,.h-promo-page.h-promo-touch .h-promo-controls{width:min(calc(100vw - 24px), calc((100vh - 170px) * 1076 / 2202)) !important;}
/* PHONE WIN v15 */
@media (max-width:1199px){
.h-page .h-promo-wrap a.h-btn{font-size:34px !important;line-height:1 !important;padding:14px 34px !important;letter-spacing:0.04em !important;}
.h-page a.h-appstore{align-items:center !important;gap:9px !important;padding:8px 16px 8px 11px !important;border-radius:8px !important;}
.h-page a.h-appstore .h-appstore-apple{width:20px !important;height:24px !important;}
.h-page a.h-appstore .h-appstore-text{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:6px !important;font-size:24px !important;font-weight:700 !important;line-height:0.95 !important;letter-spacing:-0.03em !important;}
.h-page a.h-appstore .h-appstore-text small{display:block !important;font-size:14px !important;font-weight:500 !important;line-height:1 !important;letter-spacing:0.01em !important;margin:0 !important;opacity:1 !important;}
.h-page.h-promo-page{justify-content:flex-start !important;align-items:center !important;padding-top:18px !important;}
.h-page.h-promo-page a.h-promo-back{margin:0 0 16px 0 !important;}
.h-page.h-promo-page .h-promo-controls{margin-top:16px !important;}
.h-page.h-promo-page .h-promo-vol,.h-page.h-promo-page .h-promo-vol-name{display:none !important;}
.h-page.h-promo-page .h-promo-stage{flex:0 0 auto !important;}
.h-page.h-promo-page .h-promo-stage,.h-page.h-promo-page .h-promo-frame,.h-page.h-promo-page .h-promo-controls{width:min(calc(100vw - 28px), calc((100vh - 280px) * 1076 / 2202)) !important;max-width:100% !important;}
}
body.mobile .h-page .h-promo-wrap a.h-btn{font-size:34px !important;line-height:1 !important;padding:14px 34px !important;letter-spacing:0.04em !important;}
body.mobile .h-page a.h-appstore{align-items:center !important;gap:9px !important;padding:8px 16px 8px 11px !important;border-radius:8px !important;}
body.mobile .h-page a.h-appstore .h-appstore-apple{width:20px !important;height:24px !important;}
body.mobile .h-page a.h-appstore .h-appstore-text{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:6px !important;font-size:24px !important;font-weight:700 !important;line-height:0.95 !important;letter-spacing:-0.03em !important;}
body.mobile .h-page a.h-appstore .h-appstore-text small{display:block !important;font-size:14px !important;font-weight:500 !important;line-height:1 !important;letter-spacing:0.01em !important;margin:0 !important;opacity:1 !important;}
body.mobile .h-page.h-promo-page{justify-content:flex-start !important;align-items:center !important;padding-top:18px !important;}
body.mobile .h-page.h-promo-page a.h-promo-back{margin:0 0 16px 0 !important;}
body.mobile .h-page.h-promo-page .h-promo-controls{margin-top:16px !important;}
body.mobile .h-page.h-promo-page .h-promo-vol,body.mobile .h-page.h-promo-page .h-promo-vol-name{display:none !important;}
body.mobile .h-page.h-promo-page .h-promo-stage{flex:0 0 auto !important;}
body.mobile .h-page.h-promo-page .h-promo-stage,body.mobile .h-page.h-promo-page .h-promo-frame,body.mobile .h-page.h-promo-page .h-promo-controls{width:min(calc(100vw - 28px), calc((100vh - 280px) * 1076 / 2202)) !important;max-width:100% !important;}
.h-page.h-promo-page.h-promo-touch{justify-content:flex-start !important;align-items:center !important;padding-top:18px !important;}
.h-page.h-promo-page.h-promo-touch > a.h-promo-back{margin:0 0 16px 0 !important;}
.h-page.h-promo-page.h-promo-touch .h-promo-controls{margin-top:16px !important;}
.h-page.h-promo-page.h-promo-touch .h-promo-vol,.h-page.h-promo-page.h-promo-touch .h-promo-vol-name{display:none !important;}
.h-page.h-promo-page.h-promo-touch .h-promo-stage{flex:0 0 auto !important;}
.h-page.h-promo-page.h-promo-touch .h-promo-stage,.h-page.h-promo-page.h-promo-touch .h-promo-frame,.h-page.h-promo-page.h-promo-touch .h-promo-controls{width:min(calc(100vw - 28px), calc((100vh - 280px) * 1076 / 2202)) !important;max-width:100% !important;}
/* PHONE MATCH v16 */
@media (max-width:1199px){
.h-page .h-promo-wrap a.h-btn{font-size:1.5rem !important;line-height:1 !important;padding:18px 44px !important;letter-spacing:0.06em !important;border-radius:13px !important;}
.h-page a.h-appstore{align-items:center !important;gap:11px !important;padding:10px 20px !important;border-radius:13px !important;}
.h-page a.h-appstore .h-appstore-apple{width:21px !important;height:25px !important;}
.h-page a.h-appstore .h-appstore-text{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:0 !important;font-size:1.05rem !important;font-weight:600 !important;line-height:1.05 !important;letter-spacing:0.01em !important;}
.h-page a.h-appstore .h-appstore-text small{display:block !important;font-size:0.64rem !important;font-weight:400 !important;line-height:1.1 !important;letter-spacing:0.02em !important;margin:0 !important;opacity:0.85 !important;}
.h-page.h-promo-page .h-promo-stage,.h-page.h-promo-page .h-promo-frame,.h-page.h-promo-page .h-promo-controls{width:min(calc(100vw - 28px), calc((100vh - 220px) * 1076 / 2202)) !important;max-width:100% !important;}
}
body.mobile .h-page .h-promo-wrap a.h-btn{font-size:1.5rem !important;line-height:1 !important;padding:18px 44px !important;letter-spacing:0.06em !important;border-radius:13px !important;}
body.mobile .h-page a.h-appstore{align-items:center !important;gap:11px !important;padding:10px 20px !important;border-radius:13px !important;}
body.mobile .h-page a.h-appstore .h-appstore-apple{width:21px !important;height:25px !important;}
body.mobile .h-page a.h-appstore .h-appstore-text{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:0 !important;font-size:1.05rem !important;font-weight:600 !important;line-height:1.05 !important;letter-spacing:0.01em !important;}
body.mobile .h-page a.h-appstore .h-appstore-text small{display:block !important;font-size:0.64rem !important;font-weight:400 !important;line-height:1.1 !important;letter-spacing:0.02em !important;margin:0 !important;opacity:0.85 !important;}
body.mobile .h-page.h-promo-page .h-promo-stage,body.mobile .h-page.h-promo-page .h-promo-frame,body.mobile .h-page.h-promo-page .h-promo-controls{width:min(calc(100vw - 28px), calc((100vh - 220px) * 1076 / 2202)) !important;max-width:100% !important;}
.h-page.h-promo-page.h-promo-touch .h-promo-stage,.h-page.h-promo-page.h-promo-touch .h-promo-frame,.h-page.h-promo-page.h-promo-touch .h-promo-controls{width:min(calc(100vw - 28px), calc((100vh - 220px) * 1076 / 2202)) !important;max-width:100% !important;}
/* BUTTONS v17 */
.h-page a.h-appstore,.h-page a.h-appstore:hover,.h-page a.h-appstore:focus{background:transparent !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;gap:0 !important;line-height:0 !important;}
.h-page a.h-appstore .h-appstore-logo{display:block !important;height:56px !important;width:auto !important;max-width:none !important;}
.h-page a.h-appstore svg,.h-page a.h-appstore .h-appstore-text{display:none !important;}
body.mobile .h-page a.h-appstore,body.mobile .h-page a.h-appstore:hover,body.mobile .h-page a.h-appstore:focus{background:transparent !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;gap:0 !important;}
body.mobile .h-page a.h-appstore svg,body.mobile .h-page a.h-appstore .h-appstore-text{display:none !important;}
.h-page .h-promo-wrap a.h-btn,.h-page.h-promo-page a.h-promo-back,.h-promo-back{border-radius:9px !important;}
@media (max-width:1199px){
.h-page .h-promo-wrap a.h-btn{font-size:0.98rem !important;line-height:1 !important;padding:8px 16px !important;letter-spacing:0.06em !important;border-radius:9px !important;}
.h-page a.h-appstore,.h-page a.h-appstore:hover{background:transparent !important;padding:0 !important;border-radius:0 !important;}
}
body.mobile .h-page .h-promo-wrap a.h-btn{font-size:0.98rem !important;line-height:1 !important;padding:8px 16px !important;letter-spacing:0.06em !important;border-radius:9px !important;}
.h-promo-play{font-size:1.5rem !important;}
/* BUTTONS v18 */
.h-page .h-promo-wrap a.h-btn{font-size:1.25rem !important;line-height:1 !important;padding:14px 32px !important;border-radius:14px !important;}
.h-promo-play{font-size:0.95rem !important;}
@media (max-width:1199px){
.h-page .h-promo-wrap a.h-btn{font-size:1.45rem !important;line-height:1 !important;padding:16px 40px !important;border-radius:9px !important;}
.h-promo-play{font-size:1.5rem !important;}
}
body.mobile .h-page .h-promo-wrap a.h-btn{font-size:1.45rem !important;line-height:1 !important;padding:16px 40px !important;border-radius:9px !important;}
body.mobile .h-promo-play,.h-page.h-promo-page.h-promo-touch .h-promo-play{font-size:1.5rem !important;}
.h-promo-frame,.h-promo-frame video{-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important;}
/* PHONE ROUND v19 */
.h-page .h-claim{padding-top:16px !important;}
.h-page #waitlist{padding-top:56px !important;}
@media (max-width:1199px){
.h-page .h-promo-wrap a.h-btn{font-size:1.6rem !important;letter-spacing:0 !important;line-height:1 !important;padding:16px 40px !important;border-radius:12px !important;}
.h-page.h-promo-page a.h-promo-back,.h-promo-back{border-radius:12px !important;}
}
body.mobile .h-page .h-promo-wrap a.h-btn{font-size:1.6rem !important;letter-spacing:0 !important;line-height:1 !important;padding:16px 40px !important;border-radius:12px !important;}
body.mobile .h-promo-back,.h-page.h-promo-page.h-promo-touch a.h-promo-back{border-radius:12px !important;}

/* PHONE TRACK v20 */
@media (max-width:1199px){
.h-page .h-promo-wrap a.h-btn{font-size:1.6rem !important;letter-spacing:-0.06em !important;line-height:1 !important;padding:16px 40px !important;border-radius:14px !important;}
.h-page.h-promo-page a.h-promo-back,.h-promo-back{border-radius:14px !important;}
}
body.mobile .h-page .h-promo-wrap a.h-btn{font-size:1.6rem !important;letter-spacing:-0.06em !important;line-height:1 !important;padding:16px 40px !important;border-radius:14px !important;}
body.mobile .h-promo-back,.h-page.h-promo-page.h-promo-touch a.h-promo-back{border-radius:14px !important;}

/* SHIFT + PHONE GAPS v21 */
.h-page .h-hero{padding-top:128px !important;}
.h-page .h-logo img{aspect-ratio:2/1 !important;}
html,body{overflow-anchor:none !important;}
@media (max-width:1199px){
.h-page .h-promo-wrap{padding-top:36px !important;}
.h-page #waitlist{padding-bottom:70px !important;}
.h-page .h-footer{padding-top:132px !important;}
}
@media (max-width:640px){
.h-page .h-hero{padding-top:54px !important;}
.h-page .h-footer{padding-top:76px !important;}
}

/* EQUAL PHONE GAPS v22 */
.h-page .h-people{padding-top:24px !important;}
@media (max-width:640px){
.h-page .h-people img{margin-bottom:0 !important;}
.h-page #waitlist{padding-top:48px !important;padding-bottom:32px !important;}
.h-page .h-footer{padding-top:48px !important;}
}
body.mobile .h-page .h-people img{margin-bottom:0 !important;}
body.mobile .h-page #waitlist{padding-top:48px !important;padding-bottom:32px !important;}
body.mobile .h-page .h-footer{padding-top:48px !important;}

/* FUNCTION LAPTOP v23 */
@media (min-width:1200px){
.h-page .h-one{height:calc(380px * 2278 / 1170 - 8px) !important;}
.h-page .h-one video{width:380px !important;height:calc(380px * 2278 / 1170) !important;}
.h-page .h-br-phone{display:none !important;}
}
@media (max-width:1199px){
.h-page .h-idea-l1{white-space:nowrap !important;}
}

/* CLAIM GAP v24 */
.h-page .h-claim{margin-bottom:24px !important;}

/* IDEA GAP PHONE v25 */
@media (max-width:640px){
.h-page .h-promo-wrap{padding-top:24px !important;}
}
body.mobile .h-page .h-promo-wrap{padding-top:24px !important;}

/* LOGO POSTER v26 */
.h-promo-frame .h-promo-poster{position:absolute !important;width:calc(100% * 1206 / 1076) !important;height:calc(100% * 2622 / 2202) !important;max-width:none !important;max-height:none !important;left:calc(100% * -61 / 1076) !important;top:calc(100% * -166 / 2202) !important;margin:0 !important;object-fit:fill !important;pointer-events:none !important;z-index:2 !important;display:none !important;}
.h-page.h-promo-page.h-promo-touch .h-promo-poster{display:block !important;}
.h-page.h-promo-page.h-promo-touch .h-promo-frame.is-playing .h-promo-poster{display:none !important;}
.h-promo-track,.h-promo-line,.h-promo-handle{touch-action:none !important;}
@media (min-width:1200px){
.h-page.h-promo-page a.h-promo-back{border-radius:18px !important;}
}