@layer pages{.page-home{padding-top:calc(var(--header-height) + var(--spacer))}@media (width>=1360px){.page-home{--size-1:.625rem;--size-half:calc(var(--size-1)*.5);--size-1h:calc(var(--size-1)*1.5);--size-2:calc(var(--size-1)*2);--size-2h:calc(var(--size-1)*2.5);--size-3:calc(var(--size-1)*3);--size-4:calc(var(--size-1)*4);--size-5:calc(var(--size-1)*5);--size-6:calc(var(--size-1)*6);--size-7:calc(var(--size-1)*7);--size-8:calc(var(--size-1)*8);--font-size-title:3.75rem;--font-weight-title:500;--letter-spacing-title:-.03em;--line-height-title:1;--padding-top-title:.5625rem;--padding-bottom-title:.0625rem;--padding-top-h2:.5625rem;--padding-bottom-h2:.0625rem;--line-height-h3:1.2;--padding-top-h3:.375rem;--padding-bottom-h3:.25rem}}:where(.page-home .link-home){pointer-events:none}:where(.page-home .link-home) .icon{--icon-fill:var(--color-bg-02-brand);--icon-stroke:var(--color-brand)}@media (width>=1360px){.text-base{--font-size-base:1.25rem;--letter-spacing-base:.011em;--line-height-base:1.25;--padding-top-base:0;--padding-bottom-base:.3125rem}}.page-home .topnav{background:color-mix(in oklch, var(--color-bg-02) 90%, transparent);backdrop-filter:var(--backdrop-glass);z-index:var(--z-sticky);position:fixed;top:0;left:0;right:0}@media (width>=768px) and (height>=361px){.page-home .topnav,.page-home .footer{box-shadow:none;width:100%}}@scope(.page-home .topnav){nav{backdrop-filter:none;background:0 0}}@keyframes levitate{0%,to{transform:translate(50%)translateY(0)}50%{transform:translate(50%)translateY(-.75rem)}}.hero{min-height:calc(100dvh - var(--header-height));flex-direction:column;justify-content:center;display:flex;position:relative}@scope(.hero){.layout{align-items:center;gap:var(--size-3);flex-direction:column;display:flex}@media (width>=768px) and (height>=361px){.layout{justify-content:center;gap:var(--size-6);flex-direction:row;padding-bottom:8%}}@media (width>=1024px){.layout{padding-left:var(--padding-x-xl);padding-right:var(--padding-x-xl);width:min(100%, var(--width-container));margin-left:auto;margin-right:auto}}@media (width>=1360px){.layout{gap:5.5rem}}.copy{padding-left:var(--padding-x-xl);padding-right:var(--padding-x-xl);flex-direction:column;flex:none;align-items:center;width:100%;display:flex}@media (width>=768px) and (height>=361px){.copy{order:1;align-items:start;width:50%;padding-left:0}}@media (width>=1024px){.copy{padding-right:0}}.eyebrow{font-size:var(--font-size-fine-print);font-weight:var(--font-weight-fine-print,400);letter-spacing:var(--letter-spacing-fine-print,normal);line-height:var(--line-height-fine-print);padding-top:var(--padding-top-fine-print,0px);padding-bottom:var(--padding-bottom-fine-print,0px);background:var(--color-fill);border-radius:var(--radius-pill);color:var(--color-text-02);align-items:center;gap:var(--size-1h);text-transform:uppercase;margin-bottom:var(--size-2);padding-top:var(--size-half);padding-bottom:var(--size-half);padding-left:var(--size-half);padding-right:var(--size-2h);font-weight:500;display:inline-flex}.eyebrow span{translate:0 .0625rem}.eyebrow img{border-radius:50%}@media (width>=768px) and (height>=361px){.eyebrow{margin-bottom:var(--size-1)}}h1{text-align:center;margin-bottom:var(--size-2)}h1 em{--direction:to bottom right;--gradient:var(--color-gradient-brand-crimson);font-style:normal}h1 span{display:block}@media (width>=768px) and (height>=361px){h1{text-align:left}}.text-base{color:var(--color-text-02);text-align:center;margin-bottom:var(--size-2);max-width:44ch}@media (width>=768px) and (height>=361px){.text-base{text-align:left}}.actions{align-items:center;gap:var(--size-2);flex-direction:column;width:100%;display:flex}@media (width>=480px){.actions{width:auto}}@media (width>=768px) and (height>=361px){.actions{flex-flow:wrap}}.actions .btn{--button-shadow:none}@media (width>=1360px){.actions .btn{--button-height:var(--size-5);--button-radius:.8125rem}}.btn-split{--button-divider:#fff3;width:100%;position:relative}@media (width>=480px){.btn-split{width:auto}}.btn-split:after{content:"";border-radius:var(--radius-base);box-shadow:0 .5px 1.5px hsl(var(--h) var(--s) 20% / .24), inset 0 2px 0 hsl(var(--h) var(--s) 99% / .12), inset 0 0 0 1px hsl(var(--h) var(--s) 63% / .4);pointer-events:none;position:absolute;inset:0}@media (width>=1360px){.btn-split:after{border-radius:13px}}.btn-split .btn-primary{flex-grow:1}@media (width>=480px){.btn-split .btn-primary{flex-grow:0}}figure{background-image:image-set("/assets/img/pages/home/hero-bg.png" 1x,"/assets/img/pages/home/hero-bg@2x.png" 2x);background-position:50%;background-repeat:no-repeat;background-size:27.3125rem 30rem;flex:auto;width:100%;max-width:27.3125rem;min-height:30rem;margin-bottom:0;position:relative}@media (resolution>=192dpi){figure{background-image:url(/assets/img/pages/home/hero-bg@2x.png)}}@media (width>=768px) and (height>=361px){figure{background-position:100%}}@media (width>=1024px) and (width<=1090px){figure{background-size:contain}}.character{will-change:transform;animation:4s ease-in-out infinite levitate;position:absolute;bottom:1.25rem;right:50%;transform:translate(50%)}.btn-down{opacity:1;pointer-events:auto;transition:opacity var(--duration-100) var(--easing-base);display:none}@media (width>=768px) and (height>=768px){.btn-down{left:50%;bottom:var(--size-4);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;position:absolute;translate:-50%}}}:where(.page-home:has(#features:target)) .hero .btn-down{opacity:0;pointer-events:none}.section-preview{padding-top:var(--spacer-xl);padding-bottom:var(--spacer-xl)}@scope(.section-preview){.viewport{--slide-bg:var(--color-bg-02);--slide-border:hsl(var(--color-shadow) / .06);--slide-radius:var(--size-2);--slide-img-position:top center;--slide-img-width:100%;--slide-img-height:100%;--slide-copy-padding-x-start:var(--size-2h);--slide-copy-padding-x-end:var(--size-2h);border-radius:var(--slide-radius)}@media (width>=768px) and (height>=361px){.viewport{--slide-radius:var(--size-3)}}.slide{background-color:var(--slide-bg);border-radius:var(--slide-radius);align-items:center;gap:var(--spacer);text-align:center;flex-direction:column;height:25rem;display:flex;position:relative;overflow:hidden}.slide:after{content:"";border:1px solid var(--slide-border);border-radius:var(--slide-radius);pointer-events:none;position:absolute;inset:0}@media (width>=768px) and (height>=361px){.slide{--slide-copy-padding-x-start:var(--size-5);--slide-copy-padding-x-end:0;height:33.75rem}}@media (width>=1360px){.slide{--slide-copy-padding-x-start:3.75rem;height:42.5rem}}.copy{padding-top:var(--size-3);padding-bottom:0;padding-left:var(--slide-copy-padding-x-start);padding-right:var(--slide-copy-padding-x-end);flex-direction:column;flex:none;justify-content:center;display:flex}@media (width>=768px) and (height>=361px){.copy{padding-top:var(--size-6);padding-bottom:var(--size-6);flex:1}}.copy h2{margin-bottom:0}@media (width>=1360px){.copy h2{margin-bottom:var(--size-1)}}.copy p{color:var(--color-text-02);margin-bottom:0}figure{flex:1;width:100%;margin-bottom:0;position:relative;overflow:hidden}figure img{-o-object-fit:cover;object-fit:cover;-o-object-position:var(--slide-img-position);object-position:var(--slide-img-position);width:var(--slide-img-width);height:var(--slide-img-height);display:block}@media (width>=768px) and (height>=361px){figure img{-o-object-fit:none;object-fit:none}.slide-row{align-items:stretch;gap:var(--size-6);text-align:left;flex-direction:row}.slide-row>.copy{max-width:30.9375rem}.slide-1{--slide-img-position:0 3rem}}@media (width>=1360px){.slide-1{--slide-img-position:0 center}.slide-1:after{display:none}}.slide-2,.slide-4{--slide-img-position:left top;--slide-bg:var(--color-bg-brand);--slide-border:var(--slide-bg)}@media (width>=768px) and (height>=361px){:is(.slide-2,.slide-4) figure{border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:-30px 0 60px -4px hsl(var(--h) var(--s-min) 10% / .06), -20px 0 42px -3px hsl(var(--h) var(--s-min) 10% / .06), -11px 0 23px -2px hsl(var(--h) var(--s-min) 10% / .06), -2px 0 4px -1px hsl(var(--h) var(--s-min) 10% / .06), -1px 0 2px hsl(var(--h) var(--s-min) 10% / .06)}}.slide-3{--slide-img-position:center bottom}.slide-3 figure{order:-1}@media (width<=767.98px){.slide-3 .copy{padding-top:0;padding-bottom:var(--size-3)}}@media (width>=768px) and (height>=361px){.slide-3{--slide-img-position:right top;--slide-copy-padding-x-start:0;--slide-copy-padding-x-end:var(--size-6)}.slide-3 figure{width:max-content;box-shadow:30px 0 60px -4px hsl(var(--h) var(--s-min) 10% / .06), 20px 0 42px -3px hsl(var(--h) var(--s-min) 10% / .06), 11px 0 23px -2px hsl(var(--h) var(--s-min) 10% / .06), 2px 0 4px -1px hsl(var(--h) var(--s-min) 10% / .06), 1px 0 2px hsl(var(--h) var(--s-min) 10% / .06)}}@media (width>=1360px){.slide-3{--slide-copy-padding-x-end:3.75rem}}.slide-5,.slide-6{--slide-copy-padding-x-start:var(--size-2h);--slide-copy-padding-x-end:var(--size-2h)}@media (width>=768px) and (height>=361px){:is(.slide-5,.slide-6) .copy{padding-top:var(--size-6);flex:none;padding-bottom:0}}.slide-5{--slide-bg:hsl(var(--h) var(--s-min) 18%)}.slide-5:after{display:none}.slide-5 h2{color:var(--color-text-light)}.slide-5 p{color:var(--color-text-02-light)}@media (width>=768px) and (height>=361px){.slide-5{justify-content:center}.slide-5 figure{flex:0 auto;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.slide-5 figure img{width:auto;max-width:100%;height:auto}}.slide-6{justify-content:end}@media (width<=767.98px){.slide-6 figure{flex-grow:1}}}.section-why{padding-top:var(--spacer-xl);padding-bottom:var(--spacer-xl);flex-direction:column;align-items:center;display:flex}@scope(.section-why){header{text-align:center;text-wrap:balance;padding-left:var(--padding-x-xl);padding-right:var(--padding-x-xl);padding-bottom:var(--spacer);max-width:calc(54.375rem + var(--padding-x-xl)*2);flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;display:flex}.logo{margin-bottom:var(--size-1);order:-1}ul{margin:0 0 var(--size-2);padding-left:0;list-style:none}li{margin-left:var(--size-half);padding:0;display:inline}li:before{content:"🫤 ";vertical-align:baseline;margin-left:.5ch;display:inline;position:static}li:first-child:before{margin-left:0}ul,p{padding-top:var(--padding-top-base);padding-bottom:var(--padding-bottom-base)}@media (width>=1360px){ul,p{--padding-bottom-base:.3125rem}}li,p{color:var(--color-text-02);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base)}@media (width>=1360px){li,p{--font-size-base:1.25rem;--letter-spacing-base:.011em;--line-height-base:1.25}}strong{color:var(--color-text)}figure{margin-bottom:0;margin-left:auto;margin-right:auto;overflow:hidden}@media (width>=1024px){figure{border-radius:var(--radius-xl)}}figure img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:auto;height:25rem;display:block}@media (width>=768px) and (height>=361px){figure img{height:37.5rem}}@media (width>=1360px){figure img{-o-object-fit:none;object-fit:none}}}.section-features{background:var(--color-bg-02);padding-top:var(--spacer-xl);padding-bottom:var(--spacer-xl)}@scope(.section-features){header{text-align:center;padding-bottom:var(--spacer)}h2{margin-bottom:0}.list-cards{grid-gap:var(--size-3);gap:var(--size-3);margin-bottom:var(--size-3);grid-template-columns:1fr;display:grid}@media (width>=768px) and (height>=361px){.list-cards{grid-template-columns:repeat(3,1fr)}}.card{--card-border:0;--card-shadow:var(--shadow-z1)}@media (width>=768px) and (height>=361px){.card{--card-radius:var(--radius-lg)}}@media (width>=1024px){.card:first-child{text-align:right;align-items:end}.card:first-child li:before{margin-right:.2em;position:static}}.card .icon-badge{margin-bottom:0}@media (width>=1360px){.card .icon-badge{--icon-badge-size:var(--size-6)}}.icon{--color-stroke:var(--color-brand)}.card h3{--font-weight-base:500;margin-bottom:var(--size-1)}.card :is(ul,p){margin-bottom:0;padding-left:0}.card li{margin-bottom:0}:is(.card li):before{left:-1rem}.video-wrap{margin:0;overflow:hidden}@media (width>=768px) and (height>=361px){.video-wrap{border-radius:var(--radius-lg);height:100%}}video{border-radius:var(--radius-md);width:100%;display:block}@media (width>=768px) and (height>=361px){video{-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;height:100%}}}.section-tada-todo{padding-top:var(--spacer-xl);padding-bottom:var(--spacer-xl)}@scope(.section-tada-todo){.list-cards{grid-gap:var(--size-4);gap:var(--size-4);grid-template-columns:1fr;display:grid}@media (width>=768px) and (height>=361px){.list-cards{grid-template-columns:repeat(2,1fr)}}.card{--card-bg:var(--color-bg-02);--card-border:0;--card-shadow:none;--card-padding-y:var(--size-4);text-align:center;text-wrap:balance;align-items:center}@media (width>=768px) and (height>=361px){.card{--card-radius:var(--radius-lg)}}.person{margin-bottom:var(--spacer);order:-1}h3,p{margin:0}ul{margin:0;padding:0;list-style:none;display:inline}li{display:inline}li:before{content:""}}.section-compare{padding-top:var(--spacer-xl);padding-bottom:var(--spacer-xl)}@scope(.section-compare){header{text-align:center;margin-left:auto;margin-right:auto}h2{margin-bottom:0}.scroll-x{padding-top:var(--size-4);padding-bottom:var(--size-4);padding-left:var(--padding-x-xl);padding-right:var(--padding-x-xl);scroll-snap-type:none;width:min(100%, var(--width-container));border:0;margin-left:auto;margin-right:auto}@media (width>=1360px){.scroll-x{padding-top:var(--size-3);padding-bottom:var(--size-3)}}table{border-collapse:separate;border-spacing:0;width:min(100%,67.5rem);min-width:60rem;margin-left:auto;margin-right:auto}col{width:12.25rem}.col-feature{width:.0625rem}.col-featured{width:calc(100vw - 5rem);max-width:20.75rem}@media (width>=480px){.col-featured{width:20.75rem}}thead{background:0 0}thead th{text-align:center;vertical-align:bottom}.brand{align-items:center;gap:var(--size-1);white-space:nowrap;justify-content:center;display:flex;translate:-.375rem}td{background:var(--color-bg-02);text-align:center;padding-top:.9375rem;padding-left:.75rem;padding-right:.75rem}@media (width>=1360px){td{padding-top:1.25rem}}.th-featured{text-align:left;padding:1.5rem 0 0}.brand-featured{background:var(--color-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-z2);align-items:start;gap:var(--size-1h);white-space:nowrap;padding-top:3.125rem;padding-bottom:0;padding-left:var(--size-3);padding-right:var(--size-3);border-bottom:0;justify-content:start;min-height:5.25rem;display:flex}.brand-featured img{translate:0 -.1875rem}@media (width>=1360px){.brand-featured{padding-top:2.9375rem}}.cell-featured{background:var(--color-bg);box-shadow:var(--shadow-z2);color:var(--color-text);text-align:left;padding:0 var(--size-3);z-index:1;border:0;position:relative}.cell-featured:after{content:"";background:var(--color-bg);height:var(--size-1);position:absolute;top:-.125rem;left:0;right:0}.cell-featured .cell-row{grid-gap:var(--size-1h);align-items:start;gap:var(--size-1h);padding-top:var(--size-2);padding-bottom:var(--size-2);grid-template-columns:1.5rem 1fr;display:grid}.cell-featured.cell-last{border-radius:0 0 var(--radius-xl) var(--radius-xl);padding-top:var(--size-2);padding-bottom:var(--size-4)}.btn-primary{--btn-height:var(--size-5);z-index:2;width:100%;max-height:3.125rem}.cell-price{color:var(--color-text-02);border:0}.cell-empty{background-color:#0000}}.section-cta{padding-top:var(--spacer-xl);padding-bottom:var(--spacer-xl)}@scope(.section-cta){.card{--card-bg:var(--color-bg-02);--card-border:0;--card-color-headings:var(--color-bg);--card-color:var(--color-text-brand);--card-gap:0;--card-max-w:none;--card-padding-y:var(--spacer-xl);--card-radius:var(--radius-md);--card-shadow:none;text-align:center;align-items:center}@media (width>=768px) and (height>=361px){.card{--card-radius:var(--radius-lg)}}@media (width>=1360px){.card{--card-radius:var(--radius-xl)}}h2{border-radius:var(--radius-md);background-color:var(--color-brand);padding-top:calc(var(--padding-top-h2) + var(--size-2h));padding-bottom:calc(var(--padding-bottom-h2) + var(--size-4));padding-left:var(--size-2h);padding-right:var(--size-2h);max-width:33.75rem}@media (width>=768px) and (height>=361px){h2{border-radius:var(--radius-lg);padding-top:calc(var(--padding-top-h2) + var(--size-3));padding-left:var(--size-4);padding-right:var(--size-4)}}@media (width>=1360px){h2{padding-bottom:calc(var(--padding-bottom-h2) + var(--size-5))}}.logo{margin-bottom:var(--size-4);order:-1}.btn-split{--button-bg:var(--color-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-z2);margin-top:calc(var(--size-2h)*-1);margin-bottom:var(--size-4)}.btn-split .btn-main,.btn-split .btn-toggle{--button-bg:var(--color-bg-alpha);backdrop-filter:var(--backdrop-glass)}}}
