/* Habitline hero + phone sections only. Original Ainox CSS remains authoritative elsewhere. */
@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Stack+Sans+Headline:wght@200..700&display=swap");
.zk-habitline {--font-sans:ui-sans-serif, system-ui, 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;--color-cyan-100:oklch(95.6% .045 203.388);--color-sky-500:oklch(68.5% .169 237.323);--color-slate-200:oklch(92.9% .013 255.508);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-900:oklch(21% .034 264.665);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-body:"Google Sans Flex", sans-serif;--font-heading:"Stack Sans Headline", sans-serif;--color-primary:#02f;--color-primary-1:#ff4c00;--color-primary-2:#12a70a;--color-primary-3:#02f;--color-primary-4:#ff00a1;--color-primary-5:#0059ff;--color-primary-6:#9000ff;--color-primary-7:red;--color-primary-8:#0283a7;--color-body-bg:#f7f7f7;--color-body-color:var(--color-default-600);--color-default-50:var(--color-zinc-50);--color-default-100:var(--color-zinc-100);--color-default-200:var(--color-zinc-200);--color-default-300:var(--color-zinc-300);--color-default-400:var(--color-zinc-400);--color-default-500:var(--color-zinc-500);--color-default-600:var(--color-zinc-600);--color-default-700:var(--color-zinc-700);--color-default-800:var(--color-zinc-800);--color-default-900:var(--color-zinc-900);--color-default-950:var(--color-zinc-950)}
.zk-habitline, .zk-habitline *, .zk-habitline *::before, .zk-habitline *::after {box-sizing:border-box;}
.zk-habitline {font-family:var(--font-body);font-weight:500;line-height:1.3;color:var(--color-body-color);}
.zk-habitline h1,.zk-habitline h2,.zk-habitline h3,.zk-habitline h4,.zk-habitline h5,.zk-habitline h6 {font-family:var(--font-heading);font-weight:600;line-height:1.3;}
.zk-habitline img,.zk-habitline svg {display:block;max-width:100%;}
.zk-habitline button {cursor:pointer;}
.zk-habitline, .zk-habitline * , .zk-habitline *::before, .zk-habitline *::after {--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-outline-style:solid}
@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes infinite-scroll{0%{transform:trandefaultX(0)}to{transform:trandefaultX(-100%)}}
@keyframes infinite-scroll-inverse{0%{transform:trandefaultX(-100%)}to{transform:trandefaultX(0)}}
@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}
@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}
@keyframes imageSwap{0%,22%{opacity:1}25%,to{opacity:0}}
@keyframes imageSwap2{0%,22%{opacity:0}25%,47%{opacity:1}50%,to{opacity:0}}
@keyframes imageSwap3{0%,47%{opacity:0}50%,72%{opacity:1}75%,to{opacity:0}}
@keyframes imageSwap4{0%,72%{opacity:0}75%,97%{opacity:1}to{opacity:0}}
@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}
@keyframes marquee-right{0%{transform:translate(0)}to{transform:translate(50%)}}
@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@font-face{font-family:lg;src:url(data:font/woff2;base64,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)format("woff2"),url(/habitline/assets/lg.ttf?io9a6k)format("truetype"),url(/habitline/assets/lg.woff?io9a6k)format("woff"),url(/habitline/assets/lg.svg?io9a6k#lg)format("svg");font-weight:400;font-style:normal;font-display:block}
@keyframes lg-right-end{0%{left:0}50%{left:-30px}to{left:0}}
@keyframes lg-left-end{0%{left:0}50%{left:30px}to{left:0}}
@keyframes lg-play-stroke{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}
@keyframes lg-play-rotate{to{transform:rotate(360deg)}}
.zk-habitline .pointer-events-none,
:is(.zk-habitline, .zk-habitline *).pointer-events-none{pointer-events:none}
.zk-habitline .absolute,
:is(.zk-habitline, .zk-habitline *).absolute{position:absolute}
.zk-habitline .relative,
:is(.zk-habitline, .zk-habitline *).relative{position:relative}
.zk-habitline .inset-0,
:is(.zk-habitline, .zk-habitline *).inset-0{inset:calc(var(--spacing) * 0)}
.zk-habitline .inset-y-0,
:is(.zk-habitline, .zk-habitline *).inset-y-0{inset-block:calc(var(--spacing) * 0)}
.zk-habitline .inset-s-0,
:is(.zk-habitline, .zk-habitline *).inset-s-0{inset-inline-start:calc(var(--spacing) * 0)}
.zk-habitline .inset-e-0,
:is(.zk-habitline, .zk-habitline *).inset-e-0{inset-inline-end:calc(var(--spacing) * 0)}
.zk-habitline .top-8,
:is(.zk-habitline, .zk-habitline *).top-8{top:calc(var(--spacing) * 8)}
.zk-habitline .top-auto,
:is(.zk-habitline, .zk-habitline *).top-auto{top:auto}
.zk-habitline .top-full,
:is(.zk-habitline, .zk-habitline *).top-full{top:100%}
.zk-habitline .-right-20,
:is(.zk-habitline, .zk-habitline *).-right-20{right:calc(var(--spacing) * -20)}
.zk-habitline .-bottom-7\.5,
:is(.zk-habitline, .zk-habitline *).-bottom-7\.5{bottom:calc(var(--spacing) * -7.5)}
.zk-habitline .-bottom-38,
:is(.zk-habitline, .zk-habitline *).-bottom-38{bottom:calc(var(--spacing) * -38)}
.zk-habitline .-bottom-48,
:is(.zk-habitline, .zk-habitline *).-bottom-48{bottom:calc(var(--spacing) * -48)}
.zk-habitline .-bottom-100,
:is(.zk-habitline, .zk-habitline *).-bottom-100{bottom:calc(var(--spacing) * -100)}
.zk-habitline .bottom-0,
:is(.zk-habitline, .zk-habitline *).bottom-0{bottom:calc(var(--spacing) * 0)}
.zk-habitline .-left-20,
:is(.zk-habitline, .zk-habitline *).-left-20{left:calc(var(--spacing) * -20)}
.zk-habitline .left-0,
:is(.zk-habitline, .zk-habitline *).left-0{left:calc(var(--spacing) * 0)}
.zk-habitline .-z-5,
:is(.zk-habitline, .zk-habitline *).-z-5{z-index:calc(5 * -1)}
.zk-habitline .-z-20\!,
:is(.zk-habitline, .zk-habitline *).-z-20\!{z-index:calc(20 * -1)!important}
.zk-habitline .z-10,
:is(.zk-habitline, .zk-habitline *).z-10{z-index:10}
.zk-habitline .z-20,
:is(.zk-habitline, .zk-habitline *).z-20{z-index:20}
.zk-habitline .z-30,
:is(.zk-habitline, .zk-habitline *).z-30{z-index:30}
.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{width:100%}
@media  (width>=40rem){.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{max-width:40rem}}
@media  (width>=48rem){.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{max-width:48rem}}
@media  (width>=64rem){.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{max-width:64rem}}
@media  (width>=80rem){.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{max-width:80rem}}
@media  (width>=96rem){.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{max-width:96rem}}
.zk-habitline .mx-1,
:is(.zk-habitline, .zk-habitline *).mx-1{margin-inline:calc(var(--spacing) * 1)}
.zk-habitline .mx-auto,
:is(.zk-habitline, .zk-habitline *).mx-auto{margin-inline:auto}
.zk-habitline .mt-4,
:is(.zk-habitline, .zk-habitline *).mt-4{margin-top:calc(var(--spacing) * 4)}
.zk-habitline .mt-6,
:is(.zk-habitline, .zk-habitline *).mt-6{margin-top:calc(var(--spacing) * 6)}
.zk-habitline .mt-10,
:is(.zk-habitline, .zk-habitline *).mt-10{margin-top:calc(var(--spacing) * 10)}
.zk-habitline .mt-34,
:is(.zk-habitline, .zk-habitline *).mt-34{margin-top:calc(var(--spacing) * 34)}
.zk-habitline .mb-2\.5,
:is(.zk-habitline, .zk-habitline *).mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}
.zk-habitline .mb-3\.5,
:is(.zk-habitline, .zk-habitline *).mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}
.zk-habitline .mb-4\.5,
:is(.zk-habitline, .zk-habitline *).mb-4\.5{margin-bottom:calc(var(--spacing) * 4.5)}
.zk-habitline .mb-5,
:is(.zk-habitline, .zk-habitline *).mb-5{margin-bottom:calc(var(--spacing) * 5)}
.zk-habitline .mb-6,
:is(.zk-habitline, .zk-habitline *).mb-6{margin-bottom:calc(var(--spacing) * 6)}
.zk-habitline .mb-10,
:is(.zk-habitline, .zk-habitline *).mb-10{margin-bottom:calc(var(--spacing) * 10)}
.zk-habitline .iconify,
:is(.zk-habitline, .zk-habitline *).iconify{width:1em;height:1em;-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);-webkit-mask-image:var(--svg);mask-image:var(--svg);background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.zk-habitline .block,
:is(.zk-habitline, .zk-habitline *).block{display:block}
.zk-habitline .flex,
:is(.zk-habitline, .zk-habitline *).flex{display:flex}
.zk-habitline .hidden,
:is(.zk-habitline, .zk-habitline *).hidden{display:none}
.zk-habitline .inline-flex,
:is(.zk-habitline, .zk-habitline *).inline-flex{display:inline-flex}
.zk-habitline .size-3\.5,
:is(.zk-habitline, .zk-habitline *).size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}
.zk-habitline .size-4,
:is(.zk-habitline, .zk-habitline *).size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
.zk-habitline .size-7\.5,
:is(.zk-habitline, .zk-habitline *).size-7\.5{width:calc(var(--spacing) * 7.5);height:calc(var(--spacing) * 7.5)}
.zk-habitline .size-32\.5,
:is(.zk-habitline, .zk-habitline *).size-32\.5{width:calc(var(--spacing) * 32.5);height:calc(var(--spacing) * 32.5)}
.zk-habitline .size-35,
:is(.zk-habitline, .zk-habitline *).size-35{width:calc(var(--spacing) * 35);height:calc(var(--spacing) * 35)}
.zk-habitline .h-5,
:is(.zk-habitline, .zk-habitline *).h-5{height:calc(var(--spacing) * 5)}
.zk-habitline .h-6\.5,
:is(.zk-habitline, .zk-habitline *).h-6\.5{height:calc(var(--spacing) * 6.5)}
.zk-habitline .h-14,
:is(.zk-habitline, .zk-habitline *).h-14{height:calc(var(--spacing) * 14)}
.zk-habitline .h-18,
:is(.zk-habitline, .zk-habitline *).h-18{height:calc(var(--spacing) * 18)}
.zk-habitline .h-70,
:is(.zk-habitline, .zk-habitline *).h-70{height:calc(var(--spacing) * 70)}
.zk-habitline .h-75,
:is(.zk-habitline, .zk-habitline *).h-75{height:calc(var(--spacing) * 75)}
.zk-habitline .h-88,
:is(.zk-habitline, .zk-habitline *).h-88{height:calc(var(--spacing) * 88)}
.zk-habitline .h-144,
:is(.zk-habitline, .zk-habitline *).h-144{height:calc(var(--spacing) * 144)}
.zk-habitline .h-148,
:is(.zk-habitline, .zk-habitline *).h-148{height:calc(var(--spacing) * 148)}
.zk-habitline .h-full,
:is(.zk-habitline, .zk-habitline *).h-full{height:100%}
.zk-habitline .min-h-screen,
:is(.zk-habitline, .zk-habitline *).min-h-screen{min-height:100vh}
.zk-habitline .w-5,
:is(.zk-habitline, .zk-habitline *).w-5{width:calc(var(--spacing) * 5)}
.zk-habitline .w-12\.5,
:is(.zk-habitline, .zk-habitline *).w-12\.5{width:calc(var(--spacing) * 12.5)}
.zk-habitline .w-37\.5,
:is(.zk-habitline, .zk-habitline *).w-37\.5{width:calc(var(--spacing) * 37.5)}
.zk-habitline .w-42,
:is(.zk-habitline, .zk-habitline *).w-42{width:calc(var(--spacing) * 42)}
.zk-habitline .w-50,
:is(.zk-habitline, .zk-habitline *).w-50{width:calc(var(--spacing) * 50)}
.zk-habitline .w-75,
:is(.zk-habitline, .zk-habitline *).w-75{width:calc(var(--spacing) * 75)}
.zk-habitline .w-full,
:is(.zk-habitline, .zk-habitline *).w-full{width:100%}
.zk-habitline .w-max,
:is(.zk-habitline, .zk-habitline *).w-max{width:max-content}
.zk-habitline .w-xs,
:is(.zk-habitline, .zk-habitline *).w-xs{width:var(--container-xs)}
.zk-habitline .max-w-5xl,
:is(.zk-habitline, .zk-habitline *).max-w-5xl{max-width:var(--container-5xl)}
.zk-habitline .max-w-sm,
:is(.zk-habitline, .zk-habitline *).max-w-sm{max-width:var(--container-sm)}
.zk-habitline .shrink-0,
:is(.zk-habitline, .zk-habitline *).shrink-0{flex-shrink:0}
.zk-habitline .flex-col,
:is(.zk-habitline, .zk-habitline *).flex-col{flex-direction:column}
.zk-habitline .flex-wrap,
:is(.zk-habitline, .zk-habitline *).flex-wrap{flex-wrap:wrap}
.zk-habitline .items-center,
:is(.zk-habitline, .zk-habitline *).items-center{align-items:center}
.zk-habitline .items-start,
:is(.zk-habitline, .zk-habitline *).items-start{align-items:flex-start}
.zk-habitline .justify-center,
:is(.zk-habitline, .zk-habitline *).justify-center{justify-content:center}
.zk-habitline .gap-2,
:is(.zk-habitline, .zk-habitline *).gap-2{gap:calc(var(--spacing) * 2)}
.zk-habitline .gap-2\.5,
:is(.zk-habitline, .zk-habitline *).gap-2\.5{gap:calc(var(--spacing) * 2.5)}
.zk-habitline .gap-3,
:is(.zk-habitline, .zk-habitline *).gap-3{gap:calc(var(--spacing) * 3)}
.zk-habitline .gap-3\.5,
:is(.zk-habitline, .zk-habitline *).gap-3\.5{gap:calc(var(--spacing) * 3.5)}
.zk-habitline .gap-5,
:is(.zk-habitline, .zk-habitline *).gap-5{gap:calc(var(--spacing) * 5)}
.zk-habitline .gap-8,
:is(.zk-habitline, .zk-habitline *).gap-8{gap:calc(var(--spacing) * 8)}
.zk-habitline .gap-y-5,
:is(.zk-habitline, .zk-habitline *).gap-y-5{row-gap:calc(var(--spacing) * 5)}
.zk-habitline .overflow-hidden,
:is(.zk-habitline, .zk-habitline *).overflow-hidden{overflow:hidden}
.zk-habitline .rounded-3xl,
:is(.zk-habitline, .zk-habitline *).rounded-3xl{border-radius:var(--radius-3xl)}
.zk-habitline .rounded-full,
:is(.zk-habitline, .zk-habitline *).rounded-full{border-radius:3.40282e38px}
.zk-habitline .border,
:is(.zk-habitline, .zk-habitline *).border{border-style:var(--tw-border-style);border-width:1px}
.zk-habitline .border-default-200,
:is(.zk-habitline, .zk-habitline *).border-default-200{border-color:var(--color-default-200)}
.zk-habitline .border-white\/15,
:is(.zk-habitline, .zk-habitline *).border-white\/15{border-color:#ffffff26}
@supports  (color:color-mix(in lab, red, red)){.zk-habitline .border-white\/15,
:is(.zk-habitline, .zk-habitline *).border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}
.zk-habitline .border-white\/20,
:is(.zk-habitline, .zk-habitline *).border-white\/20{border-color:#fff3}
@supports  (color:color-mix(in lab, red, red)){.zk-habitline .border-white\/20,
:is(.zk-habitline, .zk-habitline *).border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}
.zk-habitline .bg-black,
:is(.zk-habitline, .zk-habitline *).bg-black{background-color:var(--color-black)}
.zk-habitline .bg-body-bg,
:is(.zk-habitline, .zk-habitline *).bg-body-bg{background-color:var(--color-body-bg)}
.zk-habitline .bg-default-200,
:is(.zk-habitline, .zk-habitline *).bg-default-200{background-color:var(--color-default-200)}
.zk-habitline .bg-primary-1,
:is(.zk-habitline, .zk-habitline *).bg-primary-1{background-color:var(--color-primary-1)}
.zk-habitline .bg-primary-2,
:is(.zk-habitline, .zk-habitline *).bg-primary-2{background-color:var(--color-primary-2)}
.zk-habitline .bg-primary-3,
:is(.zk-habitline, .zk-habitline *).bg-primary-3{background-color:var(--color-primary-3)}
.zk-habitline .bg-primary-4,
:is(.zk-habitline, .zk-habitline *).bg-primary-4{background-color:var(--color-primary-4)}
.zk-habitline .bg-primary-5,
:is(.zk-habitline, .zk-habitline *).bg-primary-5{background-color:var(--color-primary-5)}
.zk-habitline .bg-primary-6,
:is(.zk-habitline, .zk-habitline *).bg-primary-6{background-color:var(--color-primary-6)}
.zk-habitline .bg-primary-7,
:is(.zk-habitline, .zk-habitline *).bg-primary-7{background-color:var(--color-primary-7)}
.zk-habitline .bg-primary-8,
:is(.zk-habitline, .zk-habitline *).bg-primary-8{background-color:var(--color-primary-8)}
.zk-habitline .bg-white,
:is(.zk-habitline, .zk-habitline *).bg-white{background-color:var(--color-white)}
.zk-habitline .bg-white\/5,
:is(.zk-habitline, .zk-habitline *).bg-white\/5{background-color:#ffffff0d}
@supports  (color:color-mix(in lab, red, red)){.zk-habitline .bg-white\/5,
:is(.zk-habitline, .zk-habitline *).bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}
.zk-habitline .bg-white\/10,
:is(.zk-habitline, .zk-habitline *).bg-white\/10{background-color:#ffffff1a}
@supports  (color:color-mix(in lab, red, red)){.zk-habitline .bg-white\/10,
:is(.zk-habitline, .zk-habitline *).bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}
.zk-habitline .object-cover,
:is(.zk-habitline, .zk-habitline *).object-cover{object-fit:cover}
.zk-habitline .object-center,
:is(.zk-habitline, .zk-habitline *).object-center{object-position:center}
.zk-habitline .p-1\.5,
:is(.zk-habitline, .zk-habitline *).p-1\.5{padding:calc(var(--spacing) * 1.5)}
.zk-habitline .p-5,
:is(.zk-habitline, .zk-habitline *).p-5{padding:calc(var(--spacing) * 5)}
.zk-habitline .px-2,
:is(.zk-habitline, .zk-habitline *).px-2{padding-inline:calc(var(--spacing) * 2)}
.zk-habitline .px-2\.5,
:is(.zk-habitline, .zk-habitline *).px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}
.zk-habitline .px-3\.5,
:is(.zk-habitline, .zk-habitline *).px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}
.zk-habitline .px-4,
:is(.zk-habitline, .zk-habitline *).px-4{padding-inline:calc(var(--spacing) * 4)}
.zk-habitline .px-6,
:is(.zk-habitline, .zk-habitline *).px-6{padding-inline:calc(var(--spacing) * 6)}
.zk-habitline .px-8\.5,
:is(.zk-habitline, .zk-habitline *).px-8\.5{padding-inline:calc(var(--spacing) * 8.5)}
.zk-habitline .py-2,
:is(.zk-habitline, .zk-habitline *).py-2{padding-block:calc(var(--spacing) * 2)}
.zk-habitline .py-3,
:is(.zk-habitline, .zk-habitline *).py-3{padding-block:calc(var(--spacing) * 3)}
.zk-habitline .py-6,
:is(.zk-habitline, .zk-habitline *).py-6{padding-block:calc(var(--spacing) * 6)}
.zk-habitline .py-12,
:is(.zk-habitline, .zk-habitline *).py-12{padding-block:calc(var(--spacing) * 12)}
.zk-habitline .py-px,
:is(.zk-habitline, .zk-habitline *).py-px{padding-block:1px}
.zk-habitline .pe-2,
:is(.zk-habitline, .zk-habitline *).pe-2{padding-inline-end:calc(var(--spacing) * 2)}
.zk-habitline .pt-34,
:is(.zk-habitline, .zk-habitline *).pt-34{padding-top:calc(var(--spacing) * 34)}
.zk-habitline .pb-6,
:is(.zk-habitline, .zk-habitline *).pb-6{padding-bottom:calc(var(--spacing) * 6)}
.zk-habitline .pb-20,
:is(.zk-habitline, .zk-habitline *).pb-20{padding-bottom:calc(var(--spacing) * 20)}
.zk-habitline .text-center,
:is(.zk-habitline, .zk-habitline *).text-center{text-align:center}
.zk-habitline .align-middle,
:is(.zk-habitline, .zk-habitline *).align-middle{vertical-align:middle}
.zk-habitline .text-3xl,
:is(.zk-habitline, .zk-habitline *).text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
.zk-habitline .text-4xl,
:is(.zk-habitline, .zk-habitline *).text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
.zk-habitline .text-base,
:is(.zk-habitline, .zk-habitline *).text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
.zk-habitline .text-lg,
:is(.zk-habitline, .zk-habitline *).text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
.zk-habitline .text-sm,
:is(.zk-habitline, .zk-habitline *).text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
.zk-habitline .leading-normal,
:is(.zk-habitline, .zk-habitline *).leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}
.zk-habitline .leading-tight,
:is(.zk-habitline, .zk-habitline *).leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}
.zk-habitline .font-medium,
:is(.zk-habitline, .zk-habitline *).font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
.zk-habitline .font-normal,
:is(.zk-habitline, .zk-habitline *).font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
.zk-habitline .font-semibold,
:is(.zk-habitline, .zk-habitline *).font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
.zk-habitline .tracking-tight,
:is(.zk-habitline, .zk-habitline *).tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}
.zk-habitline .text-black,
:is(.zk-habitline, .zk-habitline *).text-black{color:var(--color-black)}
.zk-habitline .text-default-500,
:is(.zk-habitline, .zk-habitline *).text-default-500{color:var(--color-default-500)}
.zk-habitline .text-default-700,
:is(.zk-habitline, .zk-habitline *).text-default-700{color:var(--color-default-700)}
.zk-habitline .text-default-800,
:is(.zk-habitline, .zk-habitline *).text-default-800{color:var(--color-default-800)}
.zk-habitline .text-primary-1,
:is(.zk-habitline, .zk-habitline *).text-primary-1{color:var(--color-primary-1)}
.zk-habitline .text-white,
:is(.zk-habitline, .zk-habitline *).text-white{color:var(--color-white)}
.zk-habitline .shadow-lg,
:is(.zk-habitline, .zk-habitline *).shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.zk-habitline .shadow-xl,
:is(.zk-habitline, .zk-habitline *).shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.zk-habitline .shadow-xl\!,
:is(.zk-habitline, .zk-habitline *).shadow-xl\!{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}
.zk-habitline .blur-\[20px\],
:is(.zk-habitline, .zk-habitline *).blur-\[20px\]{--tw-blur:blur(20px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.zk-habitline .blur-\[30px\],
:is(.zk-habitline, .zk-habitline *).blur-\[30px\]{--tw-blur:blur(30px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.zk-habitline .invert,
:is(.zk-habitline, .zk-habitline *).invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.zk-habitline .backdrop-blur-md,
:is(.zk-habitline, .zk-habitline *).backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
.zk-habitline .transition-all,
:is(.zk-habitline, .zk-habitline *).transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.zk-habitline .transition-transform,
:is(.zk-habitline, .zk-habitline *).transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.zk-habitline .duration-300,
:is(.zk-habitline, .zk-habitline *).duration-300{--tw-duration:.3s;transition-duration:.3s}
.zk-habitline .tabler--player-play-filled,
:is(.zk-habitline, .zk-habitline *).tabler--player-play-filled{--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 4v16a1 1 0 0 0 1.524.852l13-8a1 1 0 0 0 0-1.704l-13-8A1 1 0 0 0 6 4'/%3E%3C/svg%3E")}
.zk-habitline .tabler--star-filled,
:is(.zk-habitline, .zk-habitline *).tabler--star-filled{--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E")}
@media  (hover:hover){.zk-habitline .group-hover\:-translate-y-6:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -6);translate:var(--tw-translate-x) var(--tw-translate-y)}
.zk-habitline .group-hover\:-translate-y-\[200\%\]:is(:where(.group):hover *){--tw-translate-y:calc(200% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.zk-habitline .group-hover\:-translate-y-full:is(:where(.group):hover *){--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}
.zk-habitline .group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}
.zk-habitline .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}
@media  (hover:hover){.zk-habitline .hover\:scale-95:hover,
:is(.zk-habitline, .zk-habitline *).hover\:scale-95:hover{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}
.zk-habitline .hover\:bg-white\/10:hover,
:is(.zk-habitline, .zk-habitline *).hover\:bg-white\/10:hover{background-color:#ffffff1a}
@supports  (color:color-mix(in lab, red, red)){.zk-habitline .hover\:bg-white\/10:hover,
:is(.zk-habitline, .zk-habitline *).hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}}
@media  (width>=48rem){.zk-habitline .md\:inset-s-6,
:is(.zk-habitline, .zk-habitline *).md\:inset-s-6{inset-inline-start:calc(var(--spacing) * 6)}
.zk-habitline .md\:bottom-60,
:is(.zk-habitline, .zk-habitline *).md\:bottom-60{bottom:calc(var(--spacing) * 60)}
.zk-habitline .md\:mt-0,
:is(.zk-habitline, .zk-habitline *).md\:mt-0{margin-top:calc(var(--spacing) * 0)}
.zk-habitline .md\:mt-12,
:is(.zk-habitline, .zk-habitline *).md\:mt-12{margin-top:calc(var(--spacing) * 12)}
.zk-habitline .md\:mt-16,
:is(.zk-habitline, .zk-habitline *).md\:mt-16{margin-top:calc(var(--spacing) * 16)}
.zk-habitline .md\:mt-20,
:is(.zk-habitline, .zk-habitline *).md\:mt-20{margin-top:calc(var(--spacing) * 20)}
.zk-habitline .md\:mb-15,
:is(.zk-habitline, .zk-habitline *).md\:mb-15{margin-bottom:calc(var(--spacing) * 15)}
.zk-habitline .md\:mb-20,
:is(.zk-habitline, .zk-habitline *).md\:mb-20{margin-bottom:calc(var(--spacing) * 20)}
.zk-habitline .md\:block,
:is(.zk-habitline, .zk-habitline *).md\:block{display:block}
.zk-habitline .md\:size-6,
:is(.zk-habitline, .zk-habitline *).md\:size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}
.zk-habitline .md\:size-12\.5,
:is(.zk-habitline, .zk-habitline *).md\:size-12\.5{width:calc(var(--spacing) * 12.5);height:calc(var(--spacing) * 12.5)}
.zk-habitline .md\:size-15,
:is(.zk-habitline, .zk-habitline *).md\:size-15{width:calc(var(--spacing) * 15);height:calc(var(--spacing) * 15)}
.zk-habitline .md\:size-37\.5,
:is(.zk-habitline, .zk-habitline *).md\:size-37\.5{width:calc(var(--spacing) * 37.5);height:calc(var(--spacing) * 37.5)}
.zk-habitline .md\:h-11,
:is(.zk-habitline, .zk-habitline *).md\:h-11{height:calc(var(--spacing) * 11)}
.zk-habitline .md\:h-40,
:is(.zk-habitline, .zk-habitline *).md\:h-40{height:calc(var(--spacing) * 40)}
.zk-habitline .md\:h-100,
:is(.zk-habitline, .zk-habitline *).md\:h-100{height:calc(var(--spacing) * 100)}
.zk-habitline .md\:h-175,
:is(.zk-habitline, .zk-habitline *).md\:h-175{height:calc(var(--spacing) * 175)}
.zk-habitline .md\:w-22\.5,
:is(.zk-habitline, .zk-habitline *).md\:w-22\.5{width:calc(var(--spacing) * 22.5)}
.zk-habitline .md\:w-85,
:is(.zk-habitline, .zk-habitline *).md\:w-85{width:calc(var(--spacing) * 85)}
.zk-habitline .md\:w-xl,
:is(.zk-habitline, .zk-habitline *).md\:w-xl{width:var(--container-xl)}
.zk-habitline .md\:flex-row,
:is(.zk-habitline, .zk-habitline *).md\:flex-row{flex-direction:row}
.zk-habitline .md\:gap-5,
:is(.zk-habitline, .zk-habitline *).md\:gap-5{gap:calc(var(--spacing) * 5)}
.zk-habitline .md\:px-5,
:is(.zk-habitline, .zk-habitline *).md\:px-5{padding-inline:calc(var(--spacing) * 5)}
.zk-habitline .md\:px-8\.5,
:is(.zk-habitline, .zk-habitline *).md\:px-8\.5{padding-inline:calc(var(--spacing) * 8.5)}
.zk-habitline .md\:py-4,
:is(.zk-habitline, .zk-habitline *).md\:py-4{padding-block:calc(var(--spacing) * 4)}
.zk-habitline .md\:py-24,
:is(.zk-habitline, .zk-habitline *).md\:py-24{padding-block:calc(var(--spacing) * 24)}
.zk-habitline .md\:pt-40,
:is(.zk-habitline, .zk-habitline *).md\:pt-40{padding-top:calc(var(--spacing) * 40)}
.zk-habitline .md\:text-5xl,
:is(.zk-habitline, .zk-habitline *).md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
.zk-habitline .md\:text-base,
:is(.zk-habitline, .zk-habitline *).md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
.zk-habitline .md\:text-lg,
:is(.zk-habitline, .zk-habitline *).md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
.zk-habitline .md\:text-xl,
:is(.zk-habitline, .zk-habitline *).md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}
@media  (width>=64rem){.zk-habitline .lg\:inset-s-32,
:is(.zk-habitline, .zk-habitline *).lg\:inset-s-32{inset-inline-start:calc(var(--spacing) * 32)}
.zk-habitline .lg\:inset-e-14,
:is(.zk-habitline, .zk-habitline *).lg\:inset-e-14{inset-inline-end:calc(var(--spacing) * 14)}
.zk-habitline .lg\:mt-20,
:is(.zk-habitline, .zk-habitline *).lg\:mt-20{margin-top:calc(var(--spacing) * 20)}
.zk-habitline .lg\:mb-7\.5,
:is(.zk-habitline, .zk-habitline *).lg\:mb-7\.5{margin-bottom:calc(var(--spacing) * 7.5)}
.zk-habitline .lg\:mb-10,
:is(.zk-habitline, .zk-habitline *).lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
.zk-habitline .lg\:block,
:is(.zk-habitline, .zk-habitline *).lg\:block{display:block}
.zk-habitline .lg\:size-40,
:is(.zk-habitline, .zk-habitline *).lg\:size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}
.zk-habitline .lg\:h-110,
:is(.zk-habitline, .zk-habitline *).lg\:h-110{height:calc(var(--spacing) * 110)}
.zk-habitline .lg\:w-60,
:is(.zk-habitline, .zk-habitline *).lg\:w-60{width:calc(var(--spacing) * 60)}
.zk-habitline .lg\:w-70,
:is(.zk-habitline, .zk-habitline *).lg\:w-70{width:calc(var(--spacing) * 70)}
.zk-habitline .lg\:w-90,
:is(.zk-habitline, .zk-habitline *).lg\:w-90{width:calc(var(--spacing) * 90)}
.zk-habitline .lg\:gap-10,
:is(.zk-habitline, .zk-habitline *).lg\:gap-10{gap:calc(var(--spacing) * 10)}
.zk-habitline .lg\:pt-6,
:is(.zk-habitline, .zk-habitline *).lg\:pt-6{padding-top:calc(var(--spacing) * 6)}
.zk-habitline .lg\:pt-52,
:is(.zk-habitline, .zk-habitline *).lg\:pt-52{padding-top:calc(var(--spacing) * 52)}
.zk-habitline .lg\:pb-50,
:is(.zk-habitline, .zk-habitline *).lg\:pb-50{padding-bottom:calc(var(--spacing) * 50)}
.zk-habitline .lg\:text-2xl,
:is(.zk-habitline, .zk-habitline *).lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
.zk-habitline .lg\:text-\[90px\],
:is(.zk-habitline, .zk-habitline *).lg\:text-\[90px\]{font-size:90px}}
.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{max-width:calc(var(--spacing) * 300);padding-inline:calc(var(--spacing) * 3.5);margin-inline:auto}
@media  (width>=48rem){.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{padding-inline:calc(var(--spacing) * 5)}}
@media  (width>=64rem){.zk-habitline .container,
:is(.zk-habitline, .zk-habitline *).container{padding-inline:calc(var(--spacing) * 0)}}
.zk-habitline .animate-imageSwap,
:is(.zk-habitline, .zk-habitline *).animate-imageSwap{animation:8s infinite imageSwap}
.zk-habitline .animate-imageSwap2,
:is(.zk-habitline, .zk-habitline *).animate-imageSwap2{animation:8s infinite imageSwap2}
.zk-habitline .animate-imageSwap3,
:is(.zk-habitline, .zk-habitline *).animate-imageSwap3{animation:8s infinite imageSwap3}
.zk-habitline .animate-imageSwap4,
:is(.zk-habitline, .zk-habitline *).animate-imageSwap4{animation:8s infinite imageSwap4}
.zk-habitline .animate-marquee-left,
:is(.zk-habitline, .zk-habitline *).animate-marquee-left{animation:65s linear infinite marquee-left}
.zk-habitline .animate-marquee-right,
:is(.zk-habitline, .zk-habitline *).animate-marquee-right{animation:65s linear infinite marquee-right}
/* Full-bleed phone showcase, independent of Ainox container width. */
section.zk-habitline-phone {
  width: 100vw;
  max-width: none;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}