@property --r{syntax:"<angle>";inherits:false;initial-value:0deg}@layer components{.home-why-us{--_unit:calc(min(100vw, 90rem) / 1440);--_card-w:calc(165 * var(--_unit));--_card-h:calc(245 * var(--_unit));--_radius:calc(623 * var(--_unit));--_height:calc(900 * var(--_unit));--_pivot-y:calc(873 * var(--_unit));min-height:var(--_height);justify-content:flex-end;position:relative;overflow:hidden}.home-why-us_container{z-index:2;text-align:center;padding-bottom:calc(92 * var(--_unit));pointer-events:none;align-items:center;&>*{pointer-events:auto}}.home-why-us_title{font-family:var(--secondary-family);font-weight:var(--secondary-light);font-size:clamp(3rem, calc(72 * var(--_unit)), 4.5rem);letter-spacing:var(--letter-spacing-tight);color:var(--text);margin:0;line-height:.89}.home-why-us_play{margin-top:calc(40 * var(--_unit));cursor:pointer;font-family:var(--primary-family);font-size:var(--text-small);background:0 0;border:0;gap:.75rem;padding:0;.home-why-us[data-playing] & .marker-link_square{transform:rotate(90deg)}.home-why-us[data-playing] & .marker-link_square>b{background-color:var(--brand-500)}}.home-why-us_stage{z-index:1;overflow:hidden}.home-why-us_fan{left:50%;top:var(--_pivot-y);perspective:1200px;width:0;height:0;margin:0;padding:0;list-style:none;position:absolute}.home-why-us_arm{--r:calc((var(--_i) - 2) * 30deg);transform-origin:0 0;width:0;height:0;transform:rotate(var(--r));position:absolute;top:0;left:0;&:first-child{--_i:0}&:nth-child(2){--_i:1}&:nth-child(3){--_i:2}&:nth-child(4){--_i:3}&:nth-child(5){--_i:4}}.home-why-us_card{left:calc(var(--_card-w) / -2);top:calc(var(--_radius) * -1 - var(--_card-h) / 2);width:var(--_card-w);height:var(--_card-h);border-radius:var(--radius-main);pointer-events:auto;cursor:pointer;perspective:1000px;background:0 0;border:0;margin:0;padding:0;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;@media (hover:hover){&:hover{transform:translateY(-.75rem)}}&:focus-visible{outline:var(--focus-width) solid var(--brand-500);outline-offset:var(--focus-offset)}}.home-why-us_card_inner{transform-style:preserve-3d;display:block;position:absolute;inset:0}.home-why-us_card_face{padding:calc(16 * var(--_unit));border-radius:var(--radius-main);border:var(--border-width) solid #f1101047;backface-visibility:hidden;background:radial-gradient(120% 70% at 50% 108%,#f110108c 0%,#f1101000 70%),linear-gradient(#131313 0%,#0f0c0c 100%);flex-direction:column;justify-content:center;align-items:center;transition:border-color .3s,box-shadow .3s;display:flex;position:absolute;inset:0;box-shadow:0 1.5rem 3rem #00000080}.home-why-us_card:hover .home-why-us_card_face{border-color:#f1101099;box-shadow:0 1.5rem 3rem #00000080,0 0 3rem #f1101026}.home-why-us_card_back{color:var(--brand-500)}.home-why-us_card_logo{width:calc(40 * var(--_unit));height:calc(40 * var(--_unit));opacity:.22}.home-why-us_card_front{justify-content:flex-end;align-items:flex-start;gap:calc(10 * var(--_unit));text-align:left;color:var(--text);transform:rotateY(180deg)}.home-why-us_card_title{font-family:var(--secondary-family);font-weight:var(--secondary-light);font-size:clamp(.875rem, calc(22 * var(--_unit)), 1.375rem);letter-spacing:var(--letter-spacing-tight);text-wrap:balance;line-height:1.1;display:block}.home-why-us_card_desc{font-family:var(--primary-family);font-weight:var(--primary-medium);font-size:clamp(.625rem, calc(12 * var(--_unit)), .75rem);color:var(--text-muted);line-height:1.3;display:block}.home-why-us_stage{mask-image:linear-gradient(to bottom, #000 calc(100% - 723 * var(--_unit)), transparent 100%)}.home-why-us[data-playing] .home-why-us_stage{mask-image:linear-gradient(#000 45%,#0009 100%)}@media (width<64rem){.home-why-us{--_unit:calc(100vw / 1024);--_card-w:calc(150 * var(--_unit));--_card-h:calc(222 * var(--_unit));--_radius:calc(440 * var(--_unit));--_height:calc(720 * var(--_unit));--_pivot-y:calc(700 * var(--_unit))}.home-why-us_title{font-size:clamp(3rem,7vw,4.5rem)}.home-why-us_card_title{font-size:1rem}.home-why-us_card_desc{font-size:.6875rem}}@media (width<48rem){.home-why-us{--_unit:calc(100vw / 390);--_card-w:6.5rem;--_card-h:9.625rem;--_radius:18.75rem;--_height:31rem;--_pivot-y:calc(var(--_height) - 1rem)}.home-why-us_arm{--r:calc((var(--_i) - 2) * 26deg)}.home-why-us_container{padding-bottom:3.5rem}.home-why-us_title{font-size:3rem}.home-why-us_play{margin-top:1.5rem}.home-why-us_card_face{padding:.625rem}.home-why-us_card_title{font-size:.875rem}.home-why-us_card_desc{font-size:.625rem}}}