.landing-hero{padding-block:clamp(3.5rem,9vw,7rem) clamp(4rem,10vw,8rem);text-align:center}.landing-hero__title{max-inline-size:24ch;margin-inline:auto;font-size:var(--text-h1)}.landing-answers{display:grid;gap:var(--space-3);max-inline-size:58rem;margin:clamp(2.5rem,6vw,4rem) auto 0}@media(min-width:44rem){.landing-answers{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}.answer{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);block-size:100%;min-block-size:8.5rem;padding:var(--space-4) var(--space-4) var(--space-5);background:var(--color-white);color:var(--color-black);border-block-start:var(--border) solid var(--color-white);font:600 1.0625rem / 1.4 var(--font-body);text-decoration:none;transition:border-color var(--dur-fast)}@media(min-width:44rem){.answer{min-block-size:12rem}}.answer:hover{border-block-start-color:var(--color-red)}.answer__text{max-inline-size:16rem}.answer__arrow{position:relative;inline-size:2.2rem;block-size:2px;margin-block-start:auto;background:currentColor;transition:inline-size var(--dur-fast)}.answer__arrow:after{content:"";position:absolute;inset-inline-end:0;inset-block-start:50%;inline-size:.5rem;block-size:.5rem;border:solid currentColor;border-width:2px 2px 0 0;transform:translateY(-50%) rotate(45deg)}[dir=rtl] .answer__arrow:after{transform:translateY(-50%) rotate(-135deg)}.answer:hover .answer__arrow{inline-size:3.4rem}.answer__animal{position:absolute;z-index:-1;bottom:-2px;right:4%;inline-size:82%;max-inline-size:none}@media(max-width:43.99rem){.answer__animal{right:3%;inline-size:42%}}.landing-rows>*+*{margin-block-start:clamp(4rem,9vw,7rem)}@media(min-width:52rem){.landing-row--media-first>.landing-row__media{order:-1}}.landing-how{padding-block-end:calc(var(--section-y) + 34vw)}.landing-how__text{max-inline-size:34rem}@media(min-width:52rem){.landing-how{padding-block-end:var(--section-y)}.landing-how__text{max-inline-size:46%;min-block-size:20rem}}.pair-landing>:nth-child(1){--x: 50%;--w: 56%;--x-s: 18%;--w-s: 92%}.pair-landing>:nth-child(2){--x: 79%;--w: 21%;--x-s: 72%;--w-s: 34%}.landing-ways{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:var(--space-4);margin-block-start:clamp(2.5rem,6vw,4rem)}.way{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-white);border-block-start:var(--border) solid var(--color-black);transition:border-color var(--dur-fast)}.way:hover,.way:focus-within{border-block-start-color:var(--color-red)}.way__title{font-size:var(--text-h3)}.way__body{display:flex;flex-direction:column;flex:1;gap:var(--space-3);color:var(--fg-muted);font-size:.9375rem;line-height:1.6}.way__body>p:last-child{margin-block-start:auto;padding-block-start:var(--space-2)}.way__body a{display:inline-flex;align-items:center;gap:.6em;color:var(--color-black);font:600 .875rem / 1.5 var(--font-body);text-decoration:none}.way__body a:after{content:"";inline-size:1.4em;block-size:2px;background:var(--color-red);transition:inline-size var(--dur-fast)}.way:hover .way__body a:after{inline-size:2.4em}.way__body a:before{content:"";position:absolute;inset:0}.way__logo{position:absolute;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);inline-size:auto;block-size:2.25rem;pointer-events:none}.landing-quiz{position:relative;margin-block-start:var(--space-4);padding:clamp(2.5rem,6vw,4rem) var(--space-4);text-align:center}.landing-quiz .stack{max-inline-size:34rem;margin-inline:auto}.landing-quiz a{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-block-size:3rem;margin-block-start:var(--space-3);padding:.95rem 1.4rem;border:var(--border) solid rgb(255 255 255 / .6);color:var(--color-white);font:600 var(--text-sm) / 1.1 var(--font-headline);text-transform:uppercase;letter-spacing:var(--tracking-label);text-decoration:none;transition:background-color var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.landing-quiz a:after{content:"";inline-size:.9em;block-size:2px;background:currentColor;transition:inline-size var(--dur-fast)}.landing-quiz:hover a{background:var(--color-white);border-color:var(--color-white);color:var(--color-black)}.landing-quiz:hover a:after{inline-size:1.6em}.landing-quiz a:before{content:"";position:absolute;inset:0}