@layer components{[name=HeroIntro]{border-radius:0 0 var(--radius-section) var(--radius-section)}@media screen and (min-width:768px){[name=HeroIntro]{min-block-size:44.375rem}}[name=HeroIntro] .hero-grid{display:grid;gap:var(--space-8);grid-template-columns:1fr;align-items:center}@media screen and (min-width:768px){[name=HeroIntro] .hero-grid{grid-template-columns:1fr 1fr;gap:var(--space-10)}[name=HeroIntro] .hero-grid .hero-content{align-self:start}}@media screen and (min-width:1280px){[name=HeroIntro] .hero-grid{gap:var(--space-12)}}@media screen and (min-width:768px){[name=HeroIntro].media-left .hero-grid .hero-content{order:2}[name=HeroIntro].media-left .hero-grid .hero-media{order:1}}[name=HeroIntro] .hero-content{display:flex;flex-direction:column}[name=HeroIntro] .kicker{margin-block-end:0}[name=HeroIntro][data-theme=newsletter] .headline,[name=HeroIntro][data-theme=partners] .headline,[name=HeroIntro][data-theme=newsletter] .kicker,[name=HeroIntro][data-theme=partners] .kicker{color:var(--dark)}[name=HeroIntro] .headline{font-family:var(--font-family-heading);font-size:var(--font-h1);font-weight:var(--font-weight-heading);line-height:var(--line-height-h1);letter-spacing:-1.5px;color:var(--color-heading);text-wrap:balance;margin:0 0 1.5rem}[name=HeroIntro] .subline{font-family:var(--font-family-body);font-size:var(--font-lead);line-height:var(--line-height-base);color:var(--color-text);text-wrap:pretty;max-inline-size:60ch;margin:0 0 var(--space-8)}[name=HeroIntro] .hero-button{--min-size: 2.75rem;--transition: background-color var(--transition-speed) var(--transition-timing-function), border-color var(--transition-speed) var(--transition-timing-function), color var(--transition-speed) var(--transition-timing-function);--bg-color: var(--theme-btn-bg);--color-border: var(--theme-btn-border);--color: var(--theme-btn-color);align-items:center;background-color:var(--bg-color);border-radius:62.4375rem;border:1px solid var(--color-border);color:var(--color);cursor:pointer;display:inline-flex;font-family:var(--font-family-body);font-size:var(--font-button);font-weight:var(--font-weight-button);justify-content:center;letter-spacing:var(--letter-spacing-button);line-height:1;min-block-size:var(--min-size);min-inline-size:var(--min-size);padding:1rem 1.5rem .75rem;text-decoration:none;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}[name=HeroIntro] .hero-button:hover,[name=HeroIntro] .hero-button:focus-visible,[name=HeroIntro] .hero-button:focus{text-decoration:none}[name=HeroIntro] .hero-button:not(:disabled):hover,[name=HeroIntro] .hero-button:not(:disabled):focus-visible,[name=HeroIntro] .hero-button:not(:disabled):active{--bg-color: var(--theme-btn-hover-bg);--color: var(--theme-btn-hover-color);--color-border: var(--theme-btn-hover-bg)}[name=HeroIntro] .hero-button.is-width-full{width:100%}[name=HeroIntro] .hero-button{--bg-color: var(--theme-btn-bg);--color-border: var(--theme-btn-bg);--color: var(--theme-btn-color)}[name=HeroIntro] .hero-button:not(:disabled):hover,[name=HeroIntro] .hero-button:not(:disabled):focus-visible,[name=HeroIntro] .hero-button:not(:disabled):active{--bg-color: var(--theme-btn-hover-bg);--color-border: var(--theme-btn-hover-bg);--color: var(--theme-btn-hover-color)}[name=HeroIntro] .hero-button:disabled,[name=HeroIntro] .hero-button[disabled]{--bg-color: var(--grey-disabled);--color-border: var(--grey-disabled);--color: var(--white);cursor:not-allowed}[name=HeroIntro] .hero-button{align-self:flex-start;gap:var(--space-1);margin-block:var(--space-2) var(--space-8)}[name=HeroIntro] .hero-button .arrow{display:inline-flex}[name=HeroIntro] .hero-button .arrow svg{inline-size:1.25em;block-size:auto}[name=HeroIntro] .app-stores{list-style:none;padding:0;margin:var(--space-2) 0 var(--space-8) 0;display:flex;gap:var(--space-4);flex-wrap:wrap}[name=HeroIntro] .app-stores li{margin:0}[name=HeroIntro] .app-stores a{display:inline-block;text-decoration:none;transition:opacity var(--transition-speed) var(--transition-timing-function)}[name=HeroIntro] .app-stores a:hover,[name=HeroIntro] .app-stores a:focus-visible{opacity:.85}[name=HeroIntro] .app-stores .image-wrapper{block-size:2.875rem;inline-size:auto}[name=HeroIntro] .app-stores img{block-size:2.875rem;inline-size:auto;display:block}[name=HeroIntro] .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-8);margin:var(--space-2) 0 0;padding:0;color:var(--color-text)}@media screen and (min-width:768px){[name=HeroIntro] .stats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;gap:var(--space-5) var(--space-10)}}[name=HeroIntro] .stats .stat{margin:0;display:flex;flex-direction:column;gap:var(--space-1)}[name=HeroIntro] .stats .stat-value{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-heading);font-size:var(--font-h4);font-weight:var(--font-weight-heading);line-height:1.1;color:var(--stats-value-color, var(--color-heading));margin:0}[name=HeroIntro] .stats .star{display:inline-flex;inline-size:1.375rem;block-size:1.375rem;color:var(--kd-academy)}[name=HeroIntro] .stats .star svg{inline-size:100%;block-size:100%;fill:currentcolor}[name=HeroIntro] .stats .stat-label{font-family:var(--font-family-body);font-size:var(--font-sm);line-height:var(--line-height-sm);color:var(--stats-label-color, var(--color-text));margin:0}[name=HeroIntro] .hero-media{min-inline-size:0}[name=HeroIntro] .hero-media .image-wrapper,[name=HeroIntro] .hero-media .video-wrapper{border-radius:var(--radius-image);overflow:hidden}[name=HeroIntro] .hero-media .single-media{inline-size:100%;max-inline-size:var(--single-max-width, 100%)}[name=HeroIntro] .hero-media .single-media.align-center{margin-inline:auto}[name=HeroIntro] .hero-media .single-media.align-left{margin-inline-end:auto}[name=HeroIntro] .hero-media .single-media.align-right{margin-inline-start:auto}[name=HeroIntro] .hero-media .single-media .image-wrapper{inline-size:100%}[name=HeroIntro] .hero-media .single-media figure{margin:0}[name=HeroIntro] .hero-media .single-media img{inline-size:100%;block-size:auto;display:block}[name=HeroIntro] .hero-media .media-placeholder{aspect-ratio:2 / 1;min-block-size:15rem;color:var(--color-text);background:linear-gradient(135deg,rgb(from currentColor r g b / 10%),rgb(from currentColor r g b / 4%)),repeating-linear-gradient(45deg,rgb(from currentColor r g b / 6%) 0 .75rem,transparent .75rem 1.5rem);border-radius:var(--radius-image);border:1px dashed rgb(from currentColor r g b / 30%)}[name=HeroIntro] .hero-media .media-placeholder[data-aspect="3 / 4"]{aspect-ratio:3 / 4;min-block-size:17.5rem}[name=HeroIntro] .hero-media .media-placeholder[data-aspect="4 / 5"]{aspect-ratio:4 / 5;min-block-size:20rem}[name=HeroIntro] .stack3{display:flex;align-items:flex-end;justify-content:center;gap:0;padding-block:var(--space-4);min-block-size:20rem}[name=HeroIntro] .stack3 .stack-image{position:relative;flex:0 1 auto}[name=HeroIntro] .stack3 .stack-image .image-wrapper{border-radius:var(--radius-image);overflow:hidden}[name=HeroIntro] .stack3 .stack-image:nth-child(1){inline-size:36%;aspect-ratio:230 / 353;transform:translateY(2%);z-index:1}[name=HeroIntro] .stack3 .stack-image:nth-child(2){inline-size:34%;aspect-ratio:218 / 334;margin-inline-start:-7%;transform:translateY(-9%);z-index:3}[name=HeroIntro] .stack3 .stack-image:nth-child(3){inline-size:40%;aspect-ratio:255 / 391;margin-inline-start:-7%;transform:translateY(5%);z-index:2}[name=HeroIntro] .stack3 .stack-image .image-wrapper,[name=HeroIntro] .stack3 .stack-image .media-placeholder{block-size:100%;inline-size:100%}[name=HeroIntro] .stack3 .stack-image .image-wrapper img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;display:block}@media(prefers-reduced-motion:reduce){[name=HeroIntro] .stack3 .stack-image{transform:none}}[name=HeroIntro] .portrait{position:relative;margin:0;block-size:100%;display:flex;align-items:flex-end;justify-content:center}[name=HeroIntro] .portrait .portrait-image{position:relative;inline-size:100%;max-inline-size:100%}[name=HeroIntro] .portrait .image-wrapper{border-radius:var(--radius-image);overflow:hidden;inline-size:100%;max-inline-size:100%}[name=HeroIntro].portrait-phone.has-frame .portrait{justify-content:center;align-items:flex-end}[name=HeroIntro] .phone{--phone-w: min(18.75rem, 100%);position:relative;inline-size:var(--phone-w);aspect-ratio:720 / 1280;isolation:isolate;margin-inline:auto}[name=HeroIntro] .phone:after{content:"";position:absolute;inset:0;background-image:var(--rahmen-image);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:2}[name=HeroIntro] .phone-screen{position:absolute;inset-block:1.5%;inset-inline:2.6%;overflow:hidden;border-radius:calc(var(--phone-w) * .06);z-index:1}[name=HeroIntro] .phone-screen .image-wrapper,[name=HeroIntro] .phone-screen [name=ElementImage],[name=HeroIntro] .phone-screen figure{inline-size:100%;block-size:100%;margin:0;border-radius:0}[name=HeroIntro] .phone-screen :is(img,video,iframe){inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;display:block}[name=HeroIntro].portrait-phone .portrait .portrait-image{max-inline-size:20rem}[name=HeroIntro].portrait-card .portrait .portrait-image{max-inline-size:100%}[name=HeroIntro] .portrait .name-card{position:absolute;inset-block-end:var(--space-8);inset-inline-end:0;max-inline-size:calc(100% - var(--space-8));background:var(--kd-tour);color:var(--white);padding:var(--space-4) var(--space-6);border-radius:1.375rem;display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow)}[name=HeroIntro] .portrait .name{font-family:var(--font-family-heading);font-size:var(--font-h5);font-weight:var(--font-weight-heading);line-height:1.15;color:var(--white)}[name=HeroIntro] .portrait .role{font-family:var(--font-family-body);font-size:1.125rem;line-height:1.625rem;color:#ffffffd9}[name=HeroIntro].bleed-bottom{overflow:visible}[name=HeroIntro].bleed-bottom .hero-media{align-self:end;align-items:flex-end;display:flex;overflow:visible;margin-block-end:-3rem}[name=HeroIntro].bleed-bottom .portrait,[name=HeroIntro].bleed-bottom .stack3,[name=HeroIntro].bleed-bottom .single-media{margin-block-end:0;padding-block-end:0;inline-size:100%}[name=HeroIntro].bleed-bottom .portrait .image-wrapper,[name=HeroIntro].bleed-bottom .portrait .image-wrapper [name=ElementImage] figure{overflow:visible;border-end-start-radius:0;border-end-end-radius:0}[name=HeroIntro].bleed-bottom .portrait .image-wrapper img{border-end-start-radius:0;border-end-end-radius:0}[name=HeroIntro].bleed-bottom.portrait-phone .portrait .portrait-image{max-inline-size:min(23.75rem,100%)}[name=HeroIntro].bleed-bottom.portrait-card .portrait .portrait-image{max-inline-size:100%}[name=HeroIntro] .oembed-video{position:relative;cursor:pointer;overflow:hidden;border-radius:var(--radius-image);isolation:isolate}[name=HeroIntro] .oembed-video .oembed-video-poster{display:block;inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover}[name=HeroIntro] .oembed-video .video-play-button{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:5rem;block-size:5rem;border-radius:50%;border:0;background:var(--white);color:var(--dark);cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow);transition:transform var(--transition-speed) var(--transition-timing-function),background-color var(--transition-speed) var(--transition-timing-function)}[name=HeroIntro] .oembed-video .video-play-button .icon{inline-size:1.75rem;block-size:1.75rem;fill:currentColor;margin-inline-start:.25rem}[name=HeroIntro] .oembed-video:hover .video-play-button,[name=HeroIntro] .oembed-video .video-play-button:focus-visible{transform:translate(-50%,-50%) scale(1.08);background:var(--color-accent);color:var(--white)}}