@font-face { font-family: Roboto; src: url("../fonts/Roboto-Regular.woff") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: Roboto; src: url("../fonts/Roboto-Medium.woff") format("woff"); font-weight: 500; font-display: swap; }
@font-face { font-family: Roboto; src: url("../fonts/Roboto-Bold.woff") format("woff"); font-weight: 700; font-display: swap; }
@font-face { font-family: Roboto; src: url("../fonts/Roboto-Black.woff") format("woff"); font-weight: 900; font-display: swap; }
@font-face { font-family: FlashAwesome; src: url("../fonts/fa-solid-900.woff2") format("woff2"); font-weight: 900; font-display: block; }
@font-face { font-family: FlashCustom; src: url("../fonts/event_icons.woff2") format("woff2"); font-weight: 400; font-display: block; }
:root {
  --brand: #ff5e3a;
  --brand-contrast: #d43c18;
  --brand-contrast-hover: #bf3312;
  --brand-on-dark: #ff9a82;
  --brand-soft: #fff0eb;
  --brand-ink: #b9371a;
  --nav: #3f4257;
  --nav-deep: #2f3245;
  --date: #494c62;
  --bg: #edf2f6;
  --surface: #fff;
  --text: #555;
  --heading: #222;
  --muted: #636780;
  --icon: #9a9fbf;
  --line: #e6e9ef;
  --chip: #dfe5ed;
  --ink-soft: #515365;
  --on-nav: #c7cada;
  --success: #22745c;
  --success-bg: #e9f6f0;
  --danger: #bc3547;
  --danger-soft: #fff0f1;
  --rating: #f0ac32;
  --control-border: #8a8ea6;
  --ring: var(--nav);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --radius: 5px;
  --radius-pill: 30px;
  --shadow: 0 8px 28px #3f425712;
  --shadow-lg: 0 24px 60px #2528383d;
  --header: 70px;
  --wrap: 1180px;
  --font: Roboto, Arial, sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header) + 16px); scroll-padding-bottom: 88px; scrollbar-gutter: stable; }
body { margin: 0; background: var(--bg); font-family: var(--font); font-size: 16px; color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3, h4 { margin: 0; color: var(--heading); line-height: 1.15; font-weight: 700; }
p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 10px 16px; background: var(--brand-contrast); color: #fff; font-weight: 700; border-radius: var(--radius); transform: translateY(-200%); }
.skip-link:focus { transform: none; }
.wrap { width: min(var(--wrap), 100% - 48px); margin-inline: auto; }
.ic { font-family: FlashAwesome; font-weight: 900; font-style: normal; display: inline-block; line-height: 1; width: 1.25em; text-align: center; flex: none; }
.ic-paintball::before {
  --paintball: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 544'%3E%3Cpath d='M1025,175C1022,181 1018,184 1012,184C991,184 970,186 950,183C901,177 852,182 803,180C787,180 772,181 756,183C738,186 719,184 701,181C699,180 696,180 694,180C670,180 646,180 622,180C620,180 619,180 618,180C608,181 605,186 609,196C609,196 610,196 610,197C610,196 610,196 610,196C614,187 621,187 629,188C634,188 641,185 644,189C647,192 645,199 645,204C645,217 645,230 645,243C645,247 644,249 640,248C635,248 629,248 623,248C616,248 614,247 612,240C611,240 611,239 610,239C610,239 609,239 609,239C606,248 599,248 592,248C577,248 580,247 579,260C579,265 579,270 579,275C579,278 578,279 575,279C560,279 546,279 531,279C528,279 527,278 527,275C527,269 527,262 527,256C527,255 527,253 526,251C521,251 518,254 517,258C516,260 515,262 516,264C517,282 510,299 506,316C505,320 504,324 503,328C498,341 489,349 474,350C461,352 447,352 433,350C426,349 419,346 412,342C406,338 405,339 403,345C402,348 401,350 399,352C394,357 394,363 396,370C399,378 398,385 391,391C385,396 384,404 386,411C387,422 382,428 371,428C348,428 326,428 303,428C301,428 299,428 297,429C298,431 300,430 301,430C327,431 354,431 380,431C381,431 382,431 382,431C390,433 403,447 403,455C403,459 404,461 409,461C418,462 426,465 435,468C441,471 441,476 441,481C445,483 448,481 451,480C481,470 498,449 504,418C505,415 505,412 501,412C499,411 498,409 498,407C498,398 497,388 498,378C498,372 504,367 510,367C532,365 553,365 575,365C579,365 580,366 580,371C581,387 579,403 574,418C572,425 569,428 562,428C556,428 550,428 544,428C537,428 533,424 532,418C530,410 528,403 527,395C526,395 526,394 525,394C523,394 523,395 523,396C523,400 523,403 523,406C523,409 522,412 518,412C515,412 515,414 514,417C510,454 482,484 446,491C442,492 441,493 441,497C441,506 439,509 430,511C424,513 417,515 411,517C405,518 399,518 395,513C394,511 392,512 390,512C373,513 356,515 338,517C335,517 334,516 334,513C334,497 334,482 334,467C334,464 335,461 337,459C338,455 337,453 335,451C330,447 325,445 319,445C313,446 305,445 298,445C290,445 286,441 286,433C286,430 285,429 282,427C273,422 271,416 274,406C286,374 298,342 310,311C313,304 315,298 317,291C323,269 308,249 285,248C283,248 281,248 278,248C269,248 263,245 260,236C259,233 257,231 254,231C251,232 248,230 246,227C246,226 245,226 244,225C239,214 229,214 219,215C217,215 216,216 215,219C214,224 210,226 204,226C199,225 195,222 195,217C195,209 195,201 195,193C195,188 198,186 203,185C209,184 214,186 215,191C216,195 218,195 221,195C225,195 228,195 231,195C235,195 236,193 235,190C234,185 232,182 227,182C216,180 214,178 214,166C214,160 214,155 214,149C214,141 218,137 226,137C230,137 234,136 237,133C242,128 248,128 255,128C260,128 264,128 265,121C265,117 269,114 273,114C288,114 302,114 317,114C321,114 323,116 326,119C333,126 341,129 352,128C368,127 384,128 400,128C411,127 421,126 432,124C435,123 437,121 437,118C437,117 437,117 437,117C439,105 434,96 428,86C424,81 423,75 424,69C424,61 424,52 424,44C424,41 423,39 419,38C410,36 405,30 404,21C403,13 407,7 413,3C414,2 414,2 415,1C441,1 468,1 495,1C496,4 496,6 496,8C496,27 496,46 497,65C497,75 496,84 489,92C483,99 483,107 483,115C483,119 484,121 488,121C510,123 531,126 552,128C560,128 561,130 561,137C562,149 562,161 562,173C561,180 560,181 553,181C529,181 506,181 483,181C481,181 479,182 478,180C478,179 479,178 480,176C483,171 486,166 490,161C494,153 490,145 481,145C472,145 463,145 454,145C447,145 443,149 443,156C443,162 443,167 443,172C443,181 443,181 434,181C383,181 333,181 282,181C279,181 277,181 274,183C276,186 279,185 281,185C326,185 371,185 416,185C423,185 430,185 438,185C442,185 443,186 443,190C443,194 443,199 443,203C443,207 445,211 449,212C454,214 457,211 459,208C463,202 467,197 470,191C473,186 476,185 482,185C517,185 553,185 589,185C591,185 593,186 596,183C585,181 574,183 564,181C568,176 568,170 568,165C567,156 567,148 567,139C567,133 567,133 573,133C586,133 599,133 611,134C639,137 667,135 695,136C698,136 702,135 705,134C726,131 747,130 769,134C772,135 775,136 778,136C801,136 823,136 845,135C872,135 899,135 926,135C930,135 934,135 937,134C947,132 956,132 966,132C980,132 995,132 1009,132C1016,132 1022,134 1025,140C1025,151 1025,163 1025,175M441,231C430,231 418,231 406,231C414,241 414,243 409,253C408,255 407,257 407,259C402,278 397,297 393,317C391,322 392,327 396,331C397,332 398,333 400,332C408,328 414,331 421,335C426,339 432,341 438,341C449,341 461,341 472,341C482,341 490,335 493,326C494,321 496,317 497,313C501,296 507,280 506,263C506,253 512,245 522,241C523,241 525,240 525,238C525,233 524,231 519,231C493,232 468,231 441,231M378,310C379,307 380,303 380,299C381,293 378,289 372,288C370,288 367,288 365,288C352,288 348,292 344,303C342,309 340,315 337,321C333,327 325,330 319,329C319,327 320,325 320,324C324,314 328,305 331,295C335,281 333,268 325,255C322,252 322,249 324,246C326,242 328,237 330,232C310,231 290,233 269,231C270,236 273,238 276,239C279,239 282,239 285,239C313,240 332,262 327,290C326,297 323,304 320,311C308,344 296,377 283,409C281,416 284,419 291,418C290,413 289,408 291,403C299,382 307,361 314,339C316,336 317,334 321,334C333,333 341,326 344,314C345,312 346,311 346,309C352,293 353,292 369,293C376,293 377,295 376,301C375,307 373,312 372,318C369,330 380,342 393,342C389,336 381,336 378,330C375,324 376,317 378,310M1000,167C1000,167 999,166 998,166C996,167 993,165 991,168C990,170 990,171 991,172C993,175 996,173 999,174C1001,174 1002,173 1003,171C1004,169 1002,168 1000,167M968,173C969,173 970,174 971,174C974,174 977,173 976,170C976,167 973,166 971,166C970,166 970,166 969,166C967,166 964,167 964,169C963,172 966,173 968,173M972,142C968,141 964,141 964,146C964,150 968,149 971,149C974,149 976,149 976,146C977,143 975,142 972,142M1003,145C1001,142 994,141 992,143C990,144 990,146 991,148C994,150 1001,149 1003,145z'/%3E%3Cpath d='M178,545C179,543 179,540 179,538C179,502 179,466 179,430C179,423 179,423 185,423C207,423 224,433 236,451C242,460 249,465 260,465C263,465 265,464 265,460C265,449 267,448 278,448C282,448 286,448 290,448C297,448 300,450 300,458C300,465 300,465 307,465C313,465 318,465 324,465C327,465 328,466 328,469C328,484 328,499 328,513C328,516 327,517 324,517C318,517 311,517 305,517C301,517 300,519 300,522C300,533 298,534 288,534C283,534 279,534 275,534C268,534 265,532 265,525C265,517 265,517 257,517C250,517 244,520 239,526C234,532 230,538 225,545C210,545 194,545 178,545M259,497C259,499 260,500 260,501C265,513 280,519 292,514C305,508 310,493 305,481C299,468 284,463 272,469C262,474 257,483 259,497z'/%3E%3Cpath d='M85,545C86,543 86,540 86,538C85,502 85,467 85,432C85,421 85,423 94,423C118,423 142,423 165,423C172,423 172,423 172,429C172,467 172,506 172,545C143,545 115,545 85,545M148,448C151,448 153,448 156,448C158,448 162,448 161,444C161,441 158,441 156,441C145,441 134,441 123,441C121,441 118,441 118,445C118,448 121,448 123,448C131,448 139,448 148,448M96,443C95,448 99,448 102,448C104,448 107,447 106,444C106,441 103,441 100,441C99,441 98,441 96,443z'/%3E%3Cpath d='M1,472C3,470 2,467 3,464C10,440 32,423 58,423C63,423 68,423 73,423C78,422 79,424 79,429C79,438 78,448 78,457C78,485 78,513 78,541C78,542 79,543 79,545C60,545 40,545 20,545C10,534 3,522 1,508C1,496 1,485 1,472z'/%3E%3Cpath d='M651,212C651,205 651,199 651,193C651,189 652,188 656,188C678,186 699,192 720,196C725,197 727,200 727,205C727,213 727,222 727,230C727,235 725,239 720,240C698,244 677,250 655,248C652,248 651,247 651,243C651,233 651,223 651,212z'/%3E%3Cpath d='M529,323C530,318 530,312 528,307C527,301 527,295 527,288C527,285 528,284 531,284C546,284 560,284 575,284C578,284 579,285 579,288C579,295 580,301 578,308C575,317 578,326 579,335C579,342 580,349 580,357C581,360 579,361 575,361C561,361 546,361 531,361C527,361 526,359 526,355C527,345 527,334 529,323z'/%3E%3Cpath d='M463,151C469,151 475,151 480,151C485,151 487,154 484,158C474,174 465,188 455,203C454,205 453,207 451,206C448,206 449,203 449,201C449,187 449,173 449,160C449,152 450,151 458,151C459,151 461,151 463,151z'/%3E%3Cpath d='M416,289C416,295 416,300 416,306C416,311 418,316 422,320C423,322 425,324 422,325C419,327 417,329 414,326C411,321 408,316 407,310C406,298 406,287 408,275C412,256 425,243 445,241C458,239 471,239 483,241C490,242 495,246 499,252C501,255 501,257 498,259C495,261 493,260 492,257C488,252 483,249 477,249C470,249 463,249 456,249C452,249 449,251 447,254C444,259 442,265 441,271C440,287 442,303 449,317C450,318 450,318 450,319C451,321 451,323 448,325C446,326 445,324 443,323C438,316 434,307 431,299C429,294 428,290 427,285C425,281 422,278 419,275C416,279 416,284 416,289z'/%3E%3Cpath d='M420,239C421,236 422,235 425,236C427,236 428,237 428,239C429,241 428,242 426,243C424,245 422,244 420,239z'/%3E%3Cpath d='M275,507C266,502 262,493 266,484C268,477 277,472 284,473C292,474 297,478 299,485C302,492 300,499 295,504C289,509 283,511 275,507M286,491C288,489 291,487 293,484C294,483 295,482 293,480C292,479 291,480 290,481C287,484 285,486 282,488C281,490 280,491 281,493C283,494 284,493 286,491z'/%3E%3C/svg%3E");
  content: ""; display: inline-block; width: 1.3em; height: .8em; vertical-align: -.05em; background: currentColor;
  -webkit-mask: var(--paintball) center / contain no-repeat;
  mask: var(--paintball) center / contain no-repeat;
}
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 24px;
  border: 0; border-radius: var(--radius); font-weight: 700; font-size: 15px; line-height: 1.2; text-decoration: none;
  transition: background .15s, transform .15s, box-shadow .15s;
}
.btn--brand { background: var(--brand-contrast); color: #fff; box-shadow: 0 8px 20px #d43c1838; }
.btn--brand:hover { background: var(--brand-contrast-hover); transform: translateY(-1px); }
.btn--outline { background: var(--surface); color: var(--brand-contrast); box-shadow: inset 0 0 0 1.5px var(--brand-contrast); }
.btn--outline:hover { background: var(--brand-soft); color: var(--brand-ink); }
.btn--sm { min-height: 40px; padding: 0 18px; font-size: 14px; }
.btn--block { width: 100%; }
.link-btn { background: none; border: 0; padding: 0; color: var(--brand-contrast); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.link-btn:hover { color: var(--brand-contrast-hover); }
.link-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--brand-contrast); font-weight: 700; text-decoration: none; }
.link-more:hover { text-decoration: underline; text-underline-offset: 4px; }
.link-more .ic { transition: transform .2s ease; }
@media (hover: hover) and (pointer: fine) { .link-more:hover .ic { transform: translateX(3px); } }
.site-header { position: sticky; top: 0; z-index: 50; height: var(--header); display: flex; align-items: stretch; background: var(--nav); color: #fff; box-shadow: 0 2px 14px #0000001f; }
.brand { display: flex; align-items: stretch; color: #fff; text-decoration: none; }
.brand__mark { width: var(--header); display: grid; place-items: center; background: var(--brand); }
.brand__name { display: flex; align-items: center; padding: 0 22px; font-weight: 900; font-size: 15px; letter-spacing: .02em; text-transform: uppercase; }
.site-nav { display: flex; align-items: center; gap: 4px; margin-left: auto; padding-right: 16px; }
.site-nav a:not(.btn) { padding: 8px 12px; border-radius: var(--radius); color: var(--on-nav); font-size: 14px; font-weight: 500; text-decoration: none; }
.site-nav a:not(.btn):hover { color: #fff; background: #ffffff12; }
.site-nav .btn { margin-left: 10px; }
.nav-toggle { display: none; margin-left: auto; width: var(--header); border: 0; background: none; color: #fff; font-size: 22px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--brand-on-dark); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow--dark { color: var(--brand-ink); }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 0 #ff5e3a80; animation: pulse 2.4s ease-out infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 9px #ff5e3a00; } 100% { box-shadow: 0 0 0 0 #ff5e3a00; } }
.h2 { margin: 12px 0 16px; font-size: clamp(30px, 3.6vw, 44px); font-weight: 900; letter-spacing: -.02em; }
.lead { font-size: 18px; }
.head { max-width: 720px; margin-bottom: 52px; }
.head--center { margin-inline: auto; text-align: center; }
.section { padding: 104px 0; }
.section--tight { padding: 88px 0; }
.section--white { background: var(--surface); }
.section--nav { background: var(--nav); color: var(--on-nav); }
.section--nav .h2, .section--nav h3 { color: #fff; }
.hero { position: relative; overflow: hidden; isolation: isolate; background: var(--nav-deep); color: #fff; }
.hero__slides { position: absolute; inset: 0; z-index: -2; }
.hero__slides img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.06); transition: opacity 1.4s ease, transform 7s ease-out; }
.hero__slides img.is-active { z-index: 1; opacity: 1; transform: scale(1); }
.hero__slides img:not(.is-active) { transition: opacity 0s 1.4s, transform 0s 1.4s; }
.hero__inner { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; min-height: min(780px, calc(100svh - var(--header))); padding: 80px 0 96px; }
.hero h1 { margin: 18px 0 22px; color: #fff; font-size: clamp(40px, 5.4vw, 66px); font-weight: 900; line-height: 1.06; letter-spacing: -.025em; text-wrap: balance; }
.hero h1 em { display: block; font-style: normal; color: var(--brand); }
.hero__lead { max-width: 560px; color: #e6e8f1; font-size: clamp(17px, 1.5vw, 19px); }
.quick { max-width: 560px; margin-top: 32px; }
.quick__row { display: flex; gap: 8px; padding: 6px; border-radius: 8px; background: #fff; box-shadow: var(--shadow-lg); transition: box-shadow .15s; }
.quick__row:focus-within { box-shadow: 0 0 0 3px #ff9a82, var(--shadow-lg); }
.quick__field { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding-left: 12px; color: var(--icon); }
.quick__field input { flex: 1; min-width: 0; height: 48px; border: 0; outline: 0; background: transparent; color: var(--heading); font-size: 16px; }
.quick__field input::placeholder { color: var(--muted); }
.quick__error { margin-top: 10px; color: #ffc2b4; font-size: 14px; font-weight: 500; }
.quick__error:empty { display: none; }
.quick__note { margin-top: 10px; color: var(--on-nav); font-size: 13.5px; }
.quick__done { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; border-radius: 8px; background: #ffffff14; box-shadow: inset 0 0 0 1px #ffffff2e; }
.quick__done .ic { margin-top: 3px; color: var(--brand); font-size: 20px; }
.quick__done p { color: var(--on-nav); font-size: 14.5px; }
.quick__done strong { display: block; color: #fff; font-size: 17px; }
.quick.is-done .quick__row, .quick.is-done .quick__note, .quick.is-done .quick__error { display: none; }
.hero__proof { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px; color: var(--on-nav); font-size: 14px; }
.hero__proof li { display: inline-flex; align-items: center; gap: 8px; }
.hero__proof .ic { color: var(--brand); }
.mock { position: relative; justify-self: end; width: min(440px, 100%); margin: 40px 0; }
.datebar { display: flex; align-items: stretch; overflow: hidden; border-radius: var(--radius) var(--radius) 0 0; background: var(--nav); color: #fff; }
.datebar__day { padding: 8px 18px; background: var(--date); line-height: 1.05; text-align: center; }
.datebar__day b { display: block; font-size: 26px; }
.datebar__day small { font-size: 12px; font-weight: 700; }
.datebar__weekday { flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; font-size: 22px; font-weight: 700; }
.datebar__weekday small { font-size: 13px; }
.event-card { padding: 20px 22px 22px; border-radius: 0 0 var(--radius) var(--radius); background: var(--surface); color: var(--text); box-shadow: var(--shadow-lg); font-size: 14px; font-weight: 500; }
.event-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.event-card__title { margin: 14px 0 12px; color: var(--heading); font-size: 22px; font-weight: 700; line-height: 1.15; }
.chip { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 5px 13px; border-radius: var(--radius-pill); background: #f1f1f1; color: var(--ink-soft); font-size: 13px; font-weight: 500; white-space: nowrap; }
.host { display: inline-flex; align-items: center; gap: 6px; color: var(--brand-ink); font-size: 13px; }
.meta { display: flex; flex-wrap: wrap; gap: 6px 16px; color: var(--ink-soft); font-size: 13px; }
.meta span { display: inline-flex; align-items: center; gap: 6px; }
.meta .ic { color: var(--brand-contrast); }
.going { display: flex; align-items: center; gap: 10px; margin-top: 16px; color: var(--muted); font-size: 13px; }
.avatars { display: inline-flex; }
.avatars .avatar + .avatar { margin-left: -8px; }
.avatar { width: 30px; height: 30px; display: inline-grid; place-items: center; flex: none; border-radius: 50%; box-shadow: 0 0 0 2px #fff; color: #fff; font-size: 12px; font-weight: 700; font-style: normal; }
.avatar--nav { background: var(--nav); }
.avatar--green { background: var(--success); }
.avatar--gold { background: #a8701a; }
.avatar--more { background: var(--chip); color: var(--ink-soft); }
.event-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.spots { color: var(--muted); font-size: 13px; }
.spots b { color: var(--heading); }
.bar { display: block; width: 140px; height: 6px; margin-top: 6px; overflow: hidden; border-radius: 6px; background: var(--chip); }
.bar i { display: block; height: 100%; border-radius: inherit; background: var(--brand); transition: width .35s ease; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.figure { overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow-lg); aspect-ratio: 16 / 9; }
.figure img { width: 100%; height: 100%; object-fit: cover; }
.personas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }
.persona { display: flex; gap: 16px; padding: 20px; border-radius: var(--radius); background: var(--bg); }
.persona .ic { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--brand-soft); color: var(--brand-contrast); font-size: 18px; }
.persona h3 { margin-bottom: 4px; font-size: 17px; }
.persona p { font-size: 15px; }
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.step { padding: 18px 18px 24px; border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.step__demo { height: 128px; overflow: hidden; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; gap: 8px; margin-bottom: 20px; padding: 14px; border-radius: var(--radius); background: var(--bg); }
.step__num { display: block; color: var(--brand-ink); font-size: 13px; font-weight: 900; letter-spacing: .08em; }
.step h3 { margin: 4px 0 8px; font-size: 19px; }
.step p { font-size: 15px; }
.mini-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.mini-chips span, .mini-pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: var(--radius-pill); background: var(--chip); color: var(--ink-soft); font-size: 12px; font-weight: 500; white-space: nowrap; }
.mini-chips .is-on { background: var(--brand-contrast); color: #fff; }
.mini-note { width: 100%; color: var(--muted); font-size: 12px; text-align: center; }
.mini-note .ic { color: var(--brand-contrast); }
.mini-btn { padding: 6px 12px; border-radius: var(--radius); background: var(--brand-contrast); color: #fff; font-size: 12px; font-weight: 700; }
.mini-arrow { color: var(--icon); font-size: 12px; }
.mini-pill--ok { background: var(--success-bg); color: var(--success); font-weight: 700; }
.mini-bubble { max-width: 100%; padding: 7px 11px; border-radius: 10px 10px 10px 2px; background: #fff; box-shadow: var(--shadow); color: var(--heading); font-size: 12.5px; line-height: 1.35; }
.mini-bubble b { display: block; color: var(--brand-ink); font-size: 12px; }
.mini-stars { color: var(--rating); font-size: 15px; }
.mini-stars .ic { width: 1.05em; }
.step__demo img { width: 52px; height: 52px; }
.tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 28px; }
.tab { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 16px; border: 0; border-radius: var(--radius-pill); background: var(--chip); color: var(--ink-soft); font-size: 14px; font-weight: 500; transition: background .15s, color .15s; }
@media (hover: hover) and (pointer: fine) { .tab:hover { background: var(--nav); color: #fff; } }
.tab[aria-pressed="true"] { background: var(--brand-contrast); color: #fff; }
.cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.tile {
  position: relative; aspect-ratio: 16 / 10; overflow: hidden; padding: 0; border: 0; border-radius: var(--radius);
  background: var(--nav); color: #fff; text-align: left; box-shadow: var(--shadow); isolation: isolate;
  transition: box-shadow .15s, transform .15s;
}
.tile img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.tile::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, #252838d6 0%, #25283800 55%); }
@media (hover: hover) and (pointer: fine) { .tile:hover img { transform: scale(1.06); } }
.tile:focus-visible { outline: 3px solid var(--nav); outline-offset: 3px; }
.tile__name { position: absolute; left: 12px; bottom: 12px; max-width: calc(100% - 24px); display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 6px 14px; border-radius: 17px; line-height: 1.25; background: #fff; color: var(--heading); font-size: 14px; font-weight: 500; }
.tile__name .ic { color: var(--brand-contrast); }
.tile__name span { overflow-wrap: anywhere; }
.tile__check { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #25283866; box-shadow: inset 0 0 0 2px #ffffffcc; color: #fff; font-size: 14px; backdrop-filter: blur(2px); transition: background .15s, transform .15s; }
@media (hover: hover) and (pointer: fine) { .tile:hover .tile__check { transform: scale(1.08); } }
.tile[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--brand-contrast), var(--shadow); }
.tile[aria-pressed="true"] .tile__check { background: var(--brand-contrast); box-shadow: 0 0 0 2px #fff; }
.pick-status { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; width: fit-content; max-width: 100%; margin: 28px auto 0; padding: 12px 14px 12px 20px; border-radius: var(--radius); background: var(--brand-soft); color: var(--heading); font-size: 15px; text-align: center; }
.pick-status .btn { min-height: 38px; }
.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.feature { padding: 28px 26px 26px; border-top: 4px solid var(--brand); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.feature__head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.feature__head .ic { width: 46px; height: 46px; display: grid; place-items: center; border-radius: var(--radius); background: var(--nav); color: #fff; font-size: 19px; }
.feature h3 { font-size: 20px; }
.feature ul { display: grid; gap: 10px; font-size: 15px; }
.feature li { position: relative; padding-left: 22px; }
.feature li::before { content: "\f00c"; position: absolute; left: 0; top: .35em; color: var(--brand-contrast); font-family: FlashAwesome; font-size: 12px; font-weight: 900; }
.feature li b { color: var(--heading); }
.org { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.org .lead { font-size: 17px; }
.checks { display: grid; gap: 12px; margin-top: 24px; }
.checks li { display: flex; align-items: flex-start; gap: 12px; }
.checks .ic { margin-top: 5px; color: var(--brand-on-dark); }
.panels { display: grid; gap: 16px; }
.panel { overflow: hidden; border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-lg); color: var(--text); font-size: 14px; font-weight: 500; }
.panel__title { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--line); color: var(--heading); font-size: 15px; font-weight: 700; }
.panel__title .ic { color: var(--brand-contrast); }
.panel__title small { margin-left: auto; color: var(--muted); font-size: 12px; font-weight: 500; }
.row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--line); }
.row:last-child { border-bottom: 0; }
.row b { display: block; color: var(--heading); font-weight: 700; }
.row small { display: block; color: var(--muted); font-size: 12.5px; }
.row--water > div:first-child { flex: 1; min-width: 0; }
.row__end { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.bar--wide { width: 100%; max-width: 220px; }
.pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 11px; border-radius: var(--radius-pill); font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.pill--ok { background: var(--success-bg); color: var(--success); }
.pill--open { background: var(--brand-soft); color: var(--brand-ink); }
.take-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 14px; border: 1.5px solid var(--brand-contrast); border-radius: var(--radius-pill); background: #fff; color: var(--brand-contrast); font-size: 13px; font-weight: 700; }
.take-btn:hover { background: var(--brand-soft); color: var(--brand-ink); }
.take-btn[aria-pressed="true"] { border-color: var(--line); color: var(--ink-soft); }
.panel__hint { padding: 10px 20px 12px; background: var(--bg); color: var(--muted); font-size: 12.5px; }
.panel__hint .ic { color: var(--brand-contrast); }
.panel__hint.is-done { display: none; }
.diffs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border-radius: var(--radius); background: var(--line); box-shadow: var(--shadow); }
.diff { padding: 30px 26px; background: var(--surface); }
.diff .ic { width: auto; margin-bottom: 16px; color: var(--brand-contrast); font-size: 24px; }
.diff h3 { margin-bottom: 8px; font-size: 18px; }
.diff p { font-size: 15px; }
.medals { display: grid; grid-template-columns: repeat(7, 1fr); gap: 18px; }
.medal { text-align: center; }
.medal img { width: 112px; height: 112px; margin: 0 auto 12px; filter: drop-shadow(0 10px 14px #3f425724); transition: transform .3s ease; }
@media (hover: hover) and (pointer: fine) { .medal:hover img { transform: translateY(-4px) rotate(-3deg); } }
.medal__name { display: block; color: var(--heading); font-size: 15px; font-weight: 700; line-height: 1.15; }
.medal__desc { display: block; margin-top: 2px; color: var(--muted); font-size: 13px; line-height: 1.4; }
.faq-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: 64px; align-items: start; }
.faq-intro { position: sticky; top: calc(var(--header) + 32px); }
.faq-intro .btn { margin-top: 28px; }
.faq details { border-bottom: 1px solid var(--line); }
.faq details:first-child { border-top: 1px solid var(--line); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 4px; color: var(--heading); font-size: 17px; font-weight: 700; list-style: none; cursor: pointer; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "\2b"; width: 30px; height: 30px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--brand-soft); color: var(--brand-contrast); font-family: FlashAwesome; font-size: 12px; font-weight: 900; transition: transform .2s ease, background .2s ease; }
.faq details[open] summary::after { transform: rotate(45deg); background: var(--brand-contrast); color: #fff; }
.faq summary:hover { color: var(--brand-ink); }
.faq__a { padding: 0 48px 22px 4px; }
.cta { position: relative; overflow: hidden; background: var(--brand-contrast); color: #fff; }
.cta::before { content: ""; position: absolute; top: -80px; right: -120px; width: 520px; height: 520px; background: url("../img/icons/logo.svg") center / contain no-repeat; opacity: .09; }
.cta__box { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; align-items: start; }
.cta__copy { position: sticky; top: calc(var(--header) + 40px); padding-top: 12px; }
.cta .h2 { margin-top: 0; color: #fff; font-size: clamp(30px, 3.8vw, 46px); }
.cta .lead { color: #fff; }
.perks { display: grid; gap: 14px; margin-top: 28px; }
.perks li { display: flex; align-items: center; gap: 12px; color: #fff; font-weight: 500; }
.perks .ic { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: #ffffff22; font-size: 15px; }
.form-card { padding: 28px; border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-lg); color: var(--text); }
.form-card__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.form-card__foot .ic { color: var(--brand-contrast); }
.signup__step { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 12px 14px; border-radius: var(--radius); background: var(--success-bg); color: var(--heading); font-size: 14.5px; font-weight: 500; }
.signup__step .ic { color: var(--success); }
.field { display: block; min-width: 0; margin: 0 0 18px; padding: 0; border: 0; }
.field label, .field legend { display: block; margin-bottom: 7px; padding: 0; color: var(--heading); font-size: 15px; font-weight: 700; }
.field-row { display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 12px; }
.optional, .count { color: var(--muted); font-weight: 400; }
.input { display: block; width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--control-border); border-radius: var(--radius); background: #fff; color: var(--heading); font-size: 16px; transition: border-color .15s, box-shadow .15s; }
.input::placeholder { color: var(--muted); }
.input:hover { border-color: var(--muted); }
.input:focus { outline: 0; border-color: var(--nav); box-shadow: 0 0 0 3px #3f425726; }
.input[aria-invalid="true"] { border-color: var(--danger); background: var(--danger-soft); }
.input[aria-invalid="true"]:focus { box-shadow: 0 0 0 3px #bc354726; }
select.input { padding-right: 36px; appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23636780' stroke-width='2'/%3E%3C/svg%3E") right 14px center / 12px 8px no-repeat; }
select.input[aria-invalid="true"] { background-color: var(--danger-soft); }
textarea.input { min-height: 130px; padding: 12px 14px; resize: vertical; line-height: 1.5; }
.field__hint { margin: -2px 0 10px; color: var(--muted); font-size: 13.5px; }
.field__error { margin-top: 6px; color: var(--danger); font-size: 14px; font-weight: 500; }
.field__error:empty { display: none; }
.picks { display: flex; flex-wrap: wrap; gap: 6px; }
.pick { position: relative; }
.pick input { position: absolute; opacity: 0; pointer-events: none; }
.pick span { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 5px 12px; border-radius: var(--radius-pill); background: var(--chip); color: var(--ink-soft); font-size: 13.5px; font-weight: 500; cursor: pointer; user-select: none; transition: background .15s, color .15s; }
@media (hover: hover) and (pointer: fine) { .pick span:hover { background: var(--nav); color: #fff; } }
.pick input:checked + span { background: var(--brand-contrast); color: #fff; }
.pick input:focus-visible + span { outline: 2px solid var(--nav); outline-offset: 2px; }
.interests[aria-invalid="true"] .pick span { box-shadow: inset 0 0 0 1px #bc354766; }
.other { margin-top: 14px; padding: 14px; border-radius: var(--radius); background: var(--bg); }
.other label { margin-bottom: 7px; color: var(--heading); font-size: 14.5px; font-weight: 700; }
.signup__note { margin-top: 10px; color: var(--muted); font-size: 13px; text-align: center; }
.signup__done { padding: 12px 4px 4px; text-align: center; }
.signup__done:focus { outline: 0; }
.done__icon { width: 56px; height: 56px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 50%; background: var(--success-bg); color: var(--success); font-size: 22px; }
.signup__done h3, .partner__done h2 { margin-bottom: 6px; font-size: 22px; }
.done__summary { display: grid; gap: 8px; margin: 18px 0; padding: 14px 16px; border-radius: var(--radius); background: var(--bg); text-align: left; font-size: 14.5px; }
.done__summary div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; }
.done__summary dt { color: var(--muted); }
.done__summary dt .ic { color: var(--brand-contrast); }
.done__summary dd { color: var(--heading); font-weight: 500; }
.site-footer { padding: 44px 0 104px; background: var(--nav-deep); color: var(--on-nav); font-size: 14px; }
.site-footer .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; }
.brand--footer .brand__mark { width: 44px; height: 44px; border-radius: 6px; }
.brand--footer .brand__name { padding: 0 14px; font-size: 14px; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.site-footer nav a, .site-footer .link-btn { color: var(--on-nav); font-size: 14px; font-weight: 400; text-decoration: none; }
.site-footer nav a:hover, .site-footer .link-btn:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.dock {
  position: fixed; left: 50%; bottom: 16px; z-index: 40; display: flex; align-items: center; gap: 16px;
  width: max-content; max-width: calc(100% - 32px); padding: 8px 8px 8px 20px; border-radius: 10px;
  background: var(--nav); color: #fff; box-shadow: var(--shadow-lg); transform: translate(-50%, 160%); transition: transform .2s ease-out;
}
.dock.is-visible { transform: translate(-50%, 0); transition-duration: .28s; transition-timing-function: cubic-bezier(.32, .72, 0, 1); }
.dock p { min-width: 0; font-size: 14px; font-weight: 500; }
.dock .btn { flex: none; white-space: nowrap; }
.dock p .ic { margin-right: 4px; color: var(--brand); }
.partner { width: min(540px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 32px; overflow: auto; overscroll-behavior: contain; border: 0; border-radius: 8px; background: var(--surface); color: var(--text); box-shadow: var(--shadow-lg); }
.partner::backdrop { background: #252838b3; }
.partner h2 { margin: 10px 0 8px; font-size: 26px; font-weight: 900; letter-spacing: -.015em; }
.partner__lead { margin-bottom: 22px; }
.partner__close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--bg); color: var(--ink-soft); font-size: 16px; }
.partner__close:hover { background: var(--chip); }
.partner__done { padding: 16px 0 4px; text-align: center; }
.partner__done:focus { outline: 0; }
.partner__done p { margin-bottom: 22px; }
body:has(.partner[open]) { overflow: hidden; }
@media (max-width: 1080px) {
  .cat-grid { grid-template-columns: repeat(3, 1fr); }
  .features, .diffs { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: repeat(2, 1fr); }
  .medals { grid-template-columns: repeat(4, 1fr); row-gap: 32px; }
}
@media (max-width: 920px) {
  .nav-toggle { display: block; }
  .site-nav { position: absolute; top: var(--header); left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 2px; padding: 10px 16px 18px; background: var(--nav); box-shadow: 0 14px 24px #0003; }
  .site-nav.is-open { display: flex; }
  .site-nav a:not(.btn) { padding: 12px; }
  .site-nav .btn { margin: 8px 0 0; }
  .hero__inner { grid-template-columns: 1fr; gap: 24px; min-height: 0; padding: 56px 0 100px; }
  .mock { justify-self: center; margin-top: 76px; }
  .split, .org, .cta__box, .faq-layout { grid-template-columns: 1fr; gap: 36px; }
  .faq-intro, .cta__copy { position: static; padding-top: 0; }
  .faq-intro .btn { display: none; }
  .personas { grid-template-columns: 1fr; margin-top: 36px; }
  .section { padding: 80px 0; }
}
@media (max-width: 640px) {
  body { font-size: 15px; }
  .wrap { width: min(var(--wrap), 100% - 32px); }
  .brand__name { padding: 0 14px; font-size: 14px; }
  .section { padding: 68px 0; }
  .head { margin-bottom: 36px; }
  .lead { font-size: 16.5px; }
  .quick__row { flex-direction: column; }
  .quick__field { padding: 0 8px; }
  .quick .btn { width: 100%; }
  .event-card { padding: 18px; }
  .event-card__foot { flex-direction: column; align-items: stretch; }
  .event-card__foot .bar { width: 100%; }
  .steps, .features, .diffs { grid-template-columns: 1fr; }
  .cat-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .tile__name { left: 8px; bottom: 8px; max-width: calc(100% - 16px); min-height: 28px; padding: 4px 10px; border-radius: 14px; font-size: 12px; }
  .tile__check { top: 6px; right: 6px; width: 28px; height: 28px; font-size: 12px; }
  .tabs { gap: 6px; }
  .tab { min-height: 36px; padding: 0 13px; font-size: 13px; }
  .medals { grid-template-columns: repeat(3, 1fr); gap: 24px 10px; }
  .medals > li:last-child { grid-column: 2; }
  .medal img { width: 80px; height: 80px; margin-bottom: 8px; }
  .medal__name { font-size: 13.5px; }
  .medal__desc { font-size: 12px; }
  .diff { display: grid; grid-template-columns: 26px 1fr; column-gap: 14px; padding: 20px 18px; }
  .diff .ic { grid-row: span 2; margin: 3px 0 0; font-size: 19px; }
  .diff h3 { margin-bottom: 4px; font-size: 16.5px; }
  .feature { padding: 22px 20px; }
  .step { padding: 14px 14px 20px; }
  .step__demo { height: 108px; margin-bottom: 16px; }
  .persona { padding: 16px; }
  .form-card { padding: 20px; }
  .field-row { grid-template-columns: minmax(0, 1fr) 112px; gap: 10px; }
  .done__summary div { grid-template-columns: 1fr; gap: 0; }
  .faq summary { font-size: 16px; }
  .faq__a { padding-right: 4px; }
  .dock { left: 16px; right: 16px; width: auto; justify-content: space-between; transform: translateY(160%); }
  .dock.is-visible { transform: none; }
  .dock p { font-size: 13px; }
  .partner { padding: 24px 20px; }
}
@media (max-width: 380px) {
  .field-row { grid-template-columns: 1fr; gap: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .pulse { animation: none; }
  *, *::before, *::after, ::backdrop {
    transition-property: opacity, color, background-color, border-color, outline-color, text-decoration-color, box-shadow !important;
    transition-duration: .15s !important;
    transition-delay: 0s !important;
  }
}
@media (forced-colors: active) {
  .tab { border: 1px solid ButtonText; }
  .tab[aria-pressed="true"] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
  .tile[aria-pressed="true"] { outline: 3px solid Highlight; outline-offset: -3px; }
  .ic-paintball::before { forced-color-adjust: none; }
}
body{font-weight:500}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.site-header,.site-footer,.hero,.dock,.skip-link,.cta,.section--nav{--ring:#fff}
.quick__row,.cta .form-card,.section--nav .panel{--ring:var(--nav)}
.btn{font-size:14px;transition:background .15s}
.btn--brand{box-shadow:none}
.btn--brand:hover{transform:none}
.h2{font-size:clamp(32px,3.7vw,48px);letter-spacing:-.025em;text-wrap:balance}
.head{margin-bottom:36px}
.section{padding:88px 0}
.hero{background:var(--nav);overflow:clip}
.hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;min-height:0;padding:64px 0 76px}
.hero h1{font-size:clamp(44px,4.9vw,68px);line-height:1.04;letter-spacing:-.025em;text-wrap:initial}
.hero__lead{max-width:480px;font-size:17px;line-height:1.75}
.hero__proof{gap:10px 18px;font-size:12px;margin-top:24px}
.hero-art{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-end}
.mock{position:relative;width:min(450px,100%);margin:0}
.mock-action{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:var(--radius);background:var(--brand-soft);color:var(--brand-ink);font-size:13px;font-weight:700;cursor:default}
.mock-action .ic{font-size:11px}
.event-card{box-shadow:var(--shadow-lg)}
.quick__row{border-radius:var(--radius);box-shadow:none;border:1px solid transparent}
.quick__row:focus-within{border-color:transparent;box-shadow:0 0 0 3px var(--brand-on-dark)}
.steps{gap:28px}
.step{padding:0;background:transparent;box-shadow:none}
.step__demo{height:110px;background:var(--surface);margin-bottom:18px;padding:12px}
.step p{font-size:14px;line-height:1.7}
.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tile{width:100%;min-width:0;transition:box-shadow .15s}
.tile__name{padding:7px 11px;border-radius:var(--radius-pill)}
.features{gap:20px}
.feature{padding:26px 26px 24px;background:var(--surface);border:0;border-radius:var(--radius);box-shadow:var(--shadow)}
.feature__head{gap:12px;margin-bottom:14px}
.feature__head .ic{width:auto;height:auto;background:none;color:var(--brand-contrast);font-size:22px}
.feature h3{font-size:19px;line-height:1.35}
.feature ul{gap:8px;font-size:14px;line-height:1.7}
.diffs{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);box-shadow:var(--shadow);overflow:hidden}
.diff{padding:30px 26px;background:var(--surface)}
.diff .ic{font-size:24px;margin-bottom:16px}
.diff h3{font-size:18px;line-height:1.35;margin-bottom:8px}
.diff p{font-size:15px;line-height:1.6}
.medals{gap:12px}
.medal img{width:100px;height:100px}
.medal__name{font-size:14px}
.medal__desc{font-size:12px}
.input{height:47px;min-height:47px;border-radius:var(--radius)}
textarea.input{height:auto;min-height:130px}
.input:focus{outline:0;border-color:var(--nav);box-shadow:inset 0 0 0 1px var(--nav)}
.input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 1px var(--danger)}
.field-row{grid-template-columns:minmax(0,1fr) 168px}
.pick{max-width:100%}
.pick span{min-height:39px;max-width:100%;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
.pick input{width:1px;height:1px}
.form-card{box-shadow:var(--shadow)}
.form-card__foot{font-size:13px;line-height:1.7}
.form-card__foot .link-btn{line-height:1.7;text-align:left}
.other{background:none;padding:0;margin-top:18px}
.signup-dialog{width:min(560px,calc(100% - 24px));max-height:90dvh;padding:0;border:0;border-radius:8px;overflow:auto;overscroll-behavior:contain;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}
.signup-dialog::backdrop{background:#252838a6;backdrop-filter:blur(2px)}
.signup-dialog__header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 25px;background:var(--surface);border-bottom:1px solid var(--line)}
.form-kicker{font-size:12px;letter-spacing:.1em;font-weight:700;color:var(--brand-ink)}
.signup-dialog__header h2{font-size:21px;line-height:1.35;margin-top:6px;letter-spacing:-.015em}
.signup-dialog__close{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:var(--radius);background:var(--bg);color:var(--ink-soft)}
.signup-dialog .form-card{box-shadow:none;border-radius:0;padding:25px}
body:has(.signup-dialog[open]){overflow:hidden}
.partner::backdrop{background:#252838a6;backdrop-filter:blur(2px)}
.partner{max-height:90dvh}
@media(max-width:1080px){
  .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero__inner{gap:40px}
  .hero h1{font-size:55px}
  .features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diffs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  .hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:52px 0 64px}
  .hero h1{font-size:clamp(39px,5.6vw,52px)}
  .hero__lead{font-size:15px}
  .quick__row{flex-direction:column}
  .quick .btn{min-height:44px}
  .hero__proof{font-size:12px;gap:9px 12px}
  .event-card{padding:16px}
  .event-card__title{font-size:20px}
  .event-card__foot{flex-wrap:wrap}
  .section{padding:72px 0}
}
@media(max-width:640px){
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root{--header:60px}
  .hero__inner{grid-template-columns:1fr;padding:40px 0 44px;gap:32px}
  .hero h1{font-size:clamp(40px,11.3vw,56px);line-height:1.05}
  .hero__lead{font-size:16px;line-height:1.75}
  .hero__proof{font-size:13px;gap:9px 16px}
  .quick{margin-top:24px}
  .quick__row{flex-direction:row;gap:5px;padding:5px}
  .quick__field{padding:0 6px;gap:6px}
  .quick__field input{height:44px}
  .quick .btn{width:auto;flex:none;padding:0 14px;font-size:13px}
  .quick__note{font-size:13px;line-height:1.6}
  .mock{width:100%}
  .event-card__foot{flex-direction:row;align-items:center;flex-wrap:wrap}
  .event-card__foot .bar{width:100%}
  .event-card__title{font-size:21px}
  .section{padding:60px 0}
  .head{margin-bottom:28px}
  .head--center{text-align:left}
  .h2{font-size:34px;text-wrap:initial}
  .lead{font-size:16px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
  .step h3{font-size:17px;line-height:1.3}
  .step p{font-size:13px;line-height:1.65}
  .step__demo{height:110px;padding:10px;margin-bottom:13px}
  .tile{min-height:130px}
  .tile__name{font-size:12px;padding:6px 9px}
  .tabs{justify-content:flex-start;gap:7px;margin-bottom:22px}
  .tab{font-size:12px;min-height:39px;padding:6px 12px}
  .features{grid-template-columns:1fr;gap:24px}
  .feature{padding:22px 20px}
  .feature ul{font-size:14px;gap:7px}
  .diffs{grid-template-columns:1fr;gap:1px}
  .diff{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;padding:20px 18px}
  .diff .ic{grid-row:span 2;margin:3px 0 0;font-size:19px}
  .diff h3{font-size:17px;margin-bottom:6px}
  .diff p{font-size:14px}
  .medals{gap:24px 12px}
  .medal img{width:80px;height:80px}
  .form-card{padding:22px}
  .signup-dialog .form-card{padding:20px}
  .signup-dialog__header{padding:16px 20px}
  .signup-dialog__header h2{font-size:19px}
  .field label,.field legend{font-size:14px}
  .pick span{font-size:12px;padding:7px 11px}
  .cta__box{gap:28px}
  .cta .h2{font-size:38px}
  .perks{gap:12px;margin-top:22px;font-size:14px}
}
@media(max-width:480px){.field-row{grid-template-columns:1fr;gap:0}}
@media(max-width:350px){.quick__row{flex-direction:column}.quick .btn{width:100%}.quick__field{padding:0 10px}}
.signup-dialog .input,.signup-dialog .pick{scroll-margin-top:130px;scroll-margin-bottom:20px}
.hero__inner{min-height:640px}
.hero__slides{left:auto;right:0;width:60%;overflow:hidden}
.hero__slides::after{
  content:"";position:absolute;inset:0;z-index:2;
  background:
    linear-gradient(90deg,#3f4257 0%,#3f4257f7 8%,#3f4257e0 18%,#3f4257b3 30%,#3f425775 44%,#3f42573d 60%,#3f425714 78%,#3f425700 100%),
    linear-gradient(0deg,#2f324573 0%,#2f324500 34%);
}
.cat-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.tile{flex:0 0 calc((100% - 48px) / 4)}
.faq__a p{font-weight:400}
.medal{display:block;width:100%;padding:10px 6px 12px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:center;cursor:pointer;transition:background .2s}
@media (hover:hover) and (pointer:fine){.medal:hover{background:#ffffffb3}.medal:hover .medal__name{color:var(--brand-ink)}}
.medals__hint{margin-top:26px;color:var(--muted);font-size:14px;text-align:center}
.medals__hint .ic{color:var(--brand-contrast)}
.medal-dialog{width:min(780px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:8px;overflow:auto;overscroll-behavior:contain;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}
.medal-dialog[open]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.medal-dialog::backdrop{background:#252838a6;backdrop-filter:blur(2px)}
.medal-dialog__art{display:grid;place-items:center;padding:40px 32px;background:radial-gradient(circle at 50% 45%,#fff 0%,var(--bg) 72%)}
.medal-dialog__art img{width:100%;max-width:290px;height:auto;filter:drop-shadow(0 18px 24px #3f425733)}
.medal-dialog__body{display:flex;flex-direction:column;padding:44px 36px 30px}
.medal-dialog__body h2{margin:10px 0 4px;font-size:28px;font-weight:900;letter-spacing:-.02em}
.medal-dialog__short{margin-bottom:14px;color:var(--brand-ink);font-size:17px;font-weight:700}
.medal-dialog__meaning{font-weight:400}
.medal-dialog__body h3{margin:22px 0 8px;font-size:16px}
.medal-dialog__rule{padding:12px 14px;border-radius:var(--radius);background:var(--brand-soft);color:var(--heading);font-size:15px;font-weight:400}
.medal-dialog__nav{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:26px}
.medal-dialog__close{position:absolute;top:12px;right:12px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--bg);color:var(--ink-soft);font-size:16px}
.medal-dialog__close:hover{background:var(--chip)}
body:has(.medal-dialog[open]){overflow:hidden}
@media(max-width:1080px){
  .hero__slides{width:55%}
  .tile{flex-basis:calc((100% - 32px) / 3)}
}
@media(max-width:920px){
  .hero__slides{width:52%}
}
@media(max-width:640px){
  .hero__inner{min-height:0}
  .hero__slides{left:0;width:100%;top:auto;height:58%}
  .hero__slides::after{background:linear-gradient(180deg,#3f425759 0%,#3f425726 40%,#3f425714 100%)}
  .cat-grid{gap:10px}
  .tile{flex-basis:calc((100% - 10px) / 2)}
  .medal{padding:6px 2px 8px}
  .medal-dialog[open]{grid-template-columns:1fr}
  .medal-dialog__art{padding:30px 20px 6px}
  .medal-dialog__art img{max-width:170px}
  .medal-dialog__body{padding:18px 20px 22px}
  .medal-dialog__body h2{font-size:24px}
}
.mock__face{position:relative}
.mock__face--out{position:absolute;left:0;right:0;z-index:1;pointer-events:none}
.mock__face--out .event-card{box-shadow:none}
.mock .bar i{width:100%;transform-origin:left center;transition:none}
.mock .event-card{display:flex;flex-direction:column;border-radius:0}
.mock .event-card__foot{margin-top:auto}
.mock .going{margin-bottom:16px}
.mock__strip{position:relative;display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;padding:0 6px 0 16px;border-radius:0 0 var(--radius) var(--radius);background:var(--nav-deep)}
.mock__caption{flex:0 1 auto;padding:12px 0;color:#e6e8f1;font-size:13px;font-weight:500;line-height:1.4;text-align:left}
.mock__strip:has(.hero__pause[hidden]) .mock__caption{padding-bottom:12px}
.hero__pause{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:0 10px;border:0;border-radius:var(--radius);background:none;color:#fff;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.hero__pause:hover{background:#ffffff14}}
.hero__pause:focus-visible{outline-offset:-4px}
.hero__pause-glyph{width:1em;font-family:FlashAwesome;font-size:11px;font-weight:900;line-height:1;text-align:center}
.hero__pause-glyph::before{content:"\f04c"}
.hero__pause.is-paused .hero__pause-glyph::before{content:"\f04b"}
.hero.is-paused .hero__slides img.is-active{transition:opacity 1.4s ease,transform .6s var(--ease-out)}
@media(max-width:640px){
  .hero__copy{position:relative}
  .hero__copy::before{content:"";position:absolute;z-index:-1;top:-40px;bottom:-24px;left:calc(50% - 50vw);right:calc(50% - 50vw);background:linear-gradient(180deg,var(--nav) 0,var(--nav) calc(100% - 24px),#3f425700 100%)}
  .mock__strip{padding:0 4px 0 14px}
}
@media(max-width:420px){
  .mock__strip{flex-wrap:nowrap;column-gap:6px}
  .mock__caption{flex:1 1 auto;min-width:0;padding:6px 0;line-height:1.35}
  .hero__pause{padding:0 8px}
}
@media (prefers-reduced-motion: reduce){.mock__face--out{display:none}}
.quick__note strong{color:#fff;font-weight:700}
.interests>#interesses-erro{margin:-4px 0 10px}
.signup-dialog .interests{scroll-margin-top:104px}
@media(max-width:640px){.signup-dialog .interests{scroll-margin-top:124px}}
.pick span{outline:1px solid transparent;outline-offset:-1px}
@media (forced-colors: active){
  .pick input:checked+span{forced-color-adjust:none;background:Highlight;color:HighlightText;outline-color:Highlight}
  .pick .ic-paintball::before{background:CanvasText}
}
.ready{display:flex;align-items:flex-start;gap:8px;margin:4px 0 12px;padding:10px 12px;border-radius:var(--radius);background:var(--bg);color:var(--heading);font-size:14px;font-weight:500;line-height:1.5}
.ready .ic{margin-top:.2em;color:var(--muted)}
.ready b{font-weight:700}
.ready.is-ready .ic{color:var(--success)}
:is(.signup-dialog,.partner,.medal-dialog)[open]{transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out)}
:is(.signup-dialog,.partner,.medal-dialog)[open]::backdrop{transition:opacity 200ms ease}
@starting-style{
  :is(.signup-dialog,.partner,.medal-dialog)[open]{opacity:0;transform:scale(.97)}
  :is(.signup-dialog,.partner,.medal-dialog)[open]::backdrop{opacity:0}
}
.btn{transition:background .15s,transform 160ms var(--ease-out)}
@media (prefers-reduced-motion: no-preference){.btn:active{transform:scale(.97)}}
.done__art{position:relative;aspect-ratio:5/2;margin:0 0 18px;border-radius:var(--radius);overflow:hidden;isolation:isolate}
.done__slides{position:absolute;inset:0}
.done__slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 0s .6s}
.done__slide.is-current{z-index:1;opacity:1;transition:opacity .6s ease}
.done__slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.done__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#252838d6 0%,#25283800 55%)}
.done__name{position:absolute;left:12px;bottom:12px;z-index:1;max-width:calc(100% - 24px);display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 14px;border-radius:17px;line-height:1.25;background:#fff;color:var(--heading);font-size:14px;font-weight:500;text-align:left;white-space:nowrap}
.done__name .ic{color:var(--brand-contrast)}
.done__name [data-slide-name]{overflow:hidden;text-overflow:ellipsis}
.done__name small{color:var(--muted);font-size:12px;font-weight:500}
.done__name small:empty{display:none}
.done__toggle{position:absolute;top:10px;right:10px;z-index:2;min-height:32px;padding:4px 13px;border:0;border-radius:16px;background:#fff;color:var(--heading);font-size:13px;font-weight:700;line-height:1.2}
@media (hover: hover) and (pointer: fine){.done__toggle:hover{background:var(--brand-soft)}}
.done__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--nav)}
.done__echo{color:var(--heading)}
.done__actions{display:grid;justify-items:center;gap:12px;margin-top:4px}
.form-home .done__actions{display:none} 
.signup-dialog .done__actions{position:sticky;bottom:12px;z-index:1;background:var(--surface);box-shadow:0 0 0 12px var(--surface)}
.done__next{display:grid;justify-items:center;gap:10px;margin-top:20px}
.form-home .done__next{margin-top:4px}
.done__next p{color:var(--text);font-size:14.5px;line-height:1.55}
.done__next p b{color:var(--heading)}
.done__next .btn{gap:8px}
.done__share-status{color:var(--heading);font-size:13.5px;line-height:1.5}
.done__share-status:empty{display:none}
.done__share-status.is-new{animation:done-fade 150ms ease both} 
.share-field{display:block;width:100%;color:var(--heading);font-size:13.5px;font-weight:700;text-align:left}
.share-field .input{margin-top:6px}
.quick__done:focus:not(:focus-visible){outline:0}
@media(max-width:640px){
  .done__actions{justify-items:stretch}
  .done__actions .btn{width:100%}
}
@media(max-width:400px){
  .done__art{aspect-ratio:3/1;margin-bottom:14px}
  .done__name{left:8px;bottom:8px;max-width:calc(100% - 16px);min-height:30px;padding:4px 11px;font-size:13px}
  .done__toggle{top:8px;right:8px;min-height:30px;padding:4px 11px;font-size:12.5px}
  .signup__done{padding-top:2px}
  .done__summary{margin:12px 0;padding:10px 14px;gap:4px}
}
@keyframes done-rise{from{opacity:0;transform:translateY(8px)}}
@keyframes done-fade{from{opacity:0}}
@keyframes done-settle{from{transform:scale(1.06)}}
@media (prefers-reduced-motion: no-preference){
  .signup__done.is-arriving>.done__art{animation:done-fade 200ms var(--ease-out) both}
  .signup__done.is-arriving .done__slide.is-current img{animation:done-settle 500ms var(--ease-out) both}
  .signup__done.is-arriving>:where(h3,p,.done__summary){animation:done-rise 240ms var(--ease-out) both}
  .signup__done.is-arriving>h3{animation-delay:80ms}
  .signup__done.is-arriving>p{animation-delay:140ms}
  .signup__done.is-arriving>.done__summary{animation-delay:200ms}
  .signup__done.is-arriving>.done__actions{animation:done-fade 160ms var(--ease-out) 260ms both}
  .signup__done.is-arriving>.done__next{animation:done-fade 160ms var(--ease-out) 300ms both}
}
@media (prefers-reduced-motion: reduce){
  .signup__done.is-arriving>*{animation:done-fade 150ms ease both}
  .done__slide{transition:none !important}
}
:root{
  --stop-h:clamp(380px,31vw,450px);--stop-h-tab:360px;          
  --stop-card-w:clamp(330px,24vw,350px);--stop-card-w-tab:300px; 
  --stop-gutter:max(24px,50% - 590px);--stop-clear-gap:16px;     
  --stop1-clear:.34;  
  --stop2-clear:.32;  
  --stop1-pos:50% 0%;--stop2-pos:50% 8%;--stop1-pos-m:50% 0%;--stop2-pos-m:50% 8%;
  --stop-strip-tab:clamp(176px,28vw,270px);--stop-overlap-tab:24px; 
  --stop-strip:clamp(96px,29vw,200px);--stop-overlap:16px;          
  --medal-size-lg:140px;
}
.stop{position:relative;overflow:hidden;height:var(--stop-h);background:var(--bg)}
.stop__art{position:absolute;top:0;height:100%;max-width:none;object-fit:cover}
.stop--1 .stop__art{left:0;object-position:var(--stop1-pos);
  width:max(100%, calc((var(--stop-gutter) + var(--stop-card-w) + var(--stop-clear-gap)) / var(--stop1-clear)))}
.stop--2 .stop__art{right:0;object-position:var(--stop2-pos);
  width:max(100%, calc((var(--stop-gutter) + var(--stop-card-w) + var(--stop-clear-gap)) / var(--stop2-clear)))}
.stop__wrap{position:relative;z-index:1;height:100%;display:flex;align-items:center}
.stop--right .stop__wrap{justify-content:flex-end}
.stop__card{width:min(var(--stop-card-w),100%);padding:28px 28px 26px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg)}
.stop__line{color:var(--heading);font-size:clamp(26px,2.2vw,30px);font-weight:900;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.stop__line em{display:block;font-style:normal;color:var(--brand-contrast)}
.stop__text{margin:12px 0 20px;color:var(--text);font-size:16px}
.step__link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-6px 0 -10px;color:var(--brand-ink);font-size:14px;font-weight:700;text-decoration:none}
.step__link .ic{font-size:11px;width:auto}
@media (hover: hover) and (pointer: fine){.step__link:hover{text-decoration:underline;text-underline-offset:3px}}
.head > .h2:first-child,.faq-intro > .h2:first-child{margin-top:0}
@media(min-width:1081px){
  .medal img{width:min(var(--medal-size-lg),100%);height:auto;aspect-ratio:1}
}
@media(max-width:1080px){
  :root{--stop-card-w:var(--stop-card-w-tab)}
  .stop{height:var(--stop-h-tab)}
  .stop__card{padding:26px 26px 24px}
  .stop__line{font-size:26px}
}
@media(max-width:960px){
  .stop{height:auto;overflow:visible;padding-bottom:16px}
  .stop__art,.stop--1 .stop__art,.stop--2 .stop__art{position:static;display:block;width:100%;height:var(--stop-strip-tab)}
  .stop--1 .stop__art{object-position:var(--stop1-pos-m)}
  .stop--2 .stop__art{object-position:var(--stop2-pos-m)}
  .stop__wrap{display:block;height:auto}
  .stop__card{width:min(560px,100%);margin-top:calc(-1 * var(--stop-overlap-tab));box-shadow:var(--shadow)}
  .stop--right .stop__card{margin-left:auto}
  .stop__line{font-size:24px}
}
@media(max-width:640px){
  .stop__art,.stop--1 .stop__art,.stop--2 .stop__art{height:var(--stop-strip)}
  .stop--2{padding-bottom:0}
  .stop__card{width:auto;margin-top:calc(-1 * var(--stop-overlap));padding:12px 14px}
  .stop__line{font-size:20px;line-height:1.25;letter-spacing:-.02em}
  .stop__line em{display:inline}
  .stop__text{display:none}
  .stop__btn{width:100%;margin-top:10px}
  .step__link{font-size:13px;margin:-8px 0 -12px}
  .sec-pack{padding:44px 0}
  .sec-before-stop{padding-bottom:16px}
  .features{gap:16px}
  .faq summary{padding:16px 4px}
  .head{margin-bottom:20px}
}
.step__demo{height:auto;min-height:132px;padding:16px;overflow:visible}
@media (max-width:640px){.step__demo{min-height:168px;padding:14px}}
:root{--stop1-clear:.38;--stop2-clear:.38;--stop1-pos:50% 50%;--stop2-pos:50% 50%;--stop1-pos-m:50% 50%;--stop2-pos-m:50% 50%}
@media(max-width:960px){.stop__art,.stop--1 .stop__art,.stop--2 .stop__art{height:auto;aspect-ratio:32/9;object-fit:contain}}
.bar i.bar__fill--card{transform:scaleX(.58)}
.bar i.bar__fill--take{width:50%}
.signup__consent{margin-top:4px}
.signup__consent a{color:var(--brand-contrast);font-weight:700;text-underline-offset:3px}
.done__mail{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5}
.done__mail .ic{color:var(--brand-contrast)}
.done__send{margin-top:6px;color:var(--heading);font-size:13px;line-height:1.5}
.done__send:empty{display:none}
.done__send.is-new{animation:done-fade 150ms ease both}
.done__send .link-btn{font-size:inherit;line-height:inherit}
.partner__done .done__send{margin:-14px 0 18px}
.page{display:flex;flex-direction:column;min-height:100vh}
.page main{flex:1}
.page__card{position:relative;width:min(560px,100%);margin-inline:auto}
.page__card h1{margin-bottom:8px;font-size:26px;font-weight:900;letter-spacing:-.015em}
.page__card h1:focus{outline:0}
.page__card .done__actions{margin-top:20px}
.site-footer--page{padding-bottom:44px}
@media (scripting:none){img[data-src]:not([src]){display:none}}