@font-face{font-family:"GD Gaio";src:url("/assets/GDGaio-Regular/GDGaio-Regular.woff2") format("woff2"),url("/assets/GDGaio-Regular/GDGaio-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"GD Gaio";src:url("/assets/GDGaio-Medium/GDGaio-Medium.woff2") format("woff2"),url("/assets/GDGaio-Medium/GDGaio-Medium.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"GD Gaio";src:url("/assets/GDGaio-Semibold/GDGaio-Semibold.woff2") format("woff2"),url("/assets/GDGaio-Semibold/GDGaio-Semibold.woff") format("woff");font-style:normal;font-weight:600;font-display:swap}

:root{
  --bg:#f2f2f2;
  --ink:#1e1e1e;
  --muted:#5a5a5a;
  --hero:#610241;
  --violet:#5d39ec;
  --lime:#c7ff61;
  --card:#1f1f1f;
  --cta:#8a1f03;
  --line:#232323;
  --paper:#fffef7;
  --focus:#0e4dd8;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"GD Gaio",Arial,sans-serif;line-height:1.35}
a{color:inherit}
img{max-width:100%;display:block}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.page{max-width:1440px;margin:0 auto;background:var(--bg)}

.hero-grid{display:grid;grid-template-columns:52% 48%;border-bottom:1px solid rgba(0,0,0,.08)}
.hero-left{display:flex;flex-direction:column;min-width:0}
.hero-topbar{background:var(--lime);color:var(--ink);padding:48px 38px 22px}
.hero-logo{width:427px}
.launch-title{margin:26px 0 0;font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-0.24px;white-space:nowrap}

.hero-copy-wrap{padding:12px 38px 14px;background:var(--bg)}
.tm-mark{font-size:.42em;line-height:0;vertical-align:super;position:relative;top:-.25em;font-style:normal}
.hero-headline{margin:0;font-size:32px;line-height:1.18;font-weight:500;letter-spacing:-0.16px;white-space:nowrap}
.hero-headline span{font-weight:600;background:var(--lime);padding:0 4px;white-space:nowrap}
.hero-intro{margin:8px 0 0;max-width:650px;font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-0.16px}

.hero-band{background:var(--lime);color:var(--ink);padding:14px 38px 16px;height:auto;min-height:0}
.hero-band h2{margin:0;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-0.2px}
.hero-band p{display:none}

.hero-right{position:relative;overflow:hidden}
.hero-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

@media (max-width:1320px){
  .hero-topbar{padding:40px 26px 18px}
  .hero-logo{width:min(100%,360px)}
  .launch-title{margin-top:18px;font-size:clamp(24px,2vw,28px);line-height:1.14;white-space:normal;max-width:100%}
  .hero-copy-wrap{padding:12px 26px 14px}
}

.form-area{position:relative;padding:28px 40px 30px}
.campaign-tabs{position:relative;margin:0 auto -22px;width:min(1268px,calc(100% - 80px));height:0;pointer-events:none;z-index:10;display:block}
.campaign-tab-left,.campaign-tab-right{position:absolute;display:block;height:56.05px;top:0;transform:matrix(1,0,-0.71,0.71,0,0);transform-origin:left top}
.campaign-tab-left{left:-2.68%;width:64.04%;background:var(--bg)}
.campaign-tab-right{z-index:6;height:48px;top:6px;left:58.52%;width:19.09%;background:#5BABFC}
.campaign-card{position:relative;z-index:6;margin:28px auto 0;width:min(1268px,calc(100% - 80px));min-height:638px;padding:64px 47px 22px 48px;border-radius:20px;color:#fff;overflow:visible;background-color:var(--violet);background-image:linear-gradient(90deg,#5D39EC 20%,rgba(93,57,236,0) 78%),url("/assets/FormBackground-Image.svg");background-position:right -36px top,right clamp(-420px,-32vw,-260px) top;background-size:clamp(480px,62vw,791px) 100%,clamp(640px,82vw,1081px) auto;background-repeat:no-repeat,no-repeat}
.campaign-card::before{content:"";position:absolute;left:-4px;top:32.5px;width:27px;height:23px;background:var(--bg);pointer-events:none;z-index:0}
.campaign-card::after{content:"";position:absolute;left:0;top:32.5px;width:48px;height:48px;background:var(--violet);border-radius:50%;pointer-events:none;z-index:0}
._form-content{position:relative;z-index:1;width:661px;padding-top:86px;display:grid;grid-template-columns:300px 137px;column-gap:15px;row-gap:18px;align-content:start}
.card-title,.card-copy{grid-column:1 / span 2}
.card-title{position:absolute;left:0;top:0;z-index:9;margin:0;width:661px;height:72px;font-style:normal;font-weight:600;font-size:32px;line-height:36px;letter-spacing:-0.6px;color:#FFFEF7}
.card-copy{display:none}

.field{position:relative;grid-column:1;width:300px;margin:0}
input[type=text],input[type=email]{width:100%;height:48px;border:1px solid var(--line);border-radius:100px;background:var(--bg);padding:0 20px;color:var(--ink);font-family:inherit;font-size:14px;line-height:18px;letter-spacing:-0.16px}
.required-placeholder{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;line-height:18px;letter-spacing:-0.16px;pointer-events:none}
.req-star{color:#be1206}
.field.required-star input:focus + .required-placeholder,
.field.required-star input:not(:placeholder-shown) + .required-placeholder{opacity:0}

.custom-dropdown{position:relative;border:1px solid var(--line);border-radius:100px;background:var(--bg);overflow:visible;transition:border-radius .2s ease,background .2s ease}
.dropdown-header{height:48px;width:100%;padding:0 18px;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.dropdown-title{font-size:14px;line-height:18px;font-weight:500;letter-spacing:-0.16px;color:var(--muted);font-family:inherit;text-align:left}
.dropdown-toggle{font-size:18px;line-height:1;color:var(--muted)}
.dropdown-panel{position:absolute;top:48px;left:0;right:0;max-height:0;opacity:0;overflow:hidden;border:1px solid var(--line);border-top:none;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:#d9d9d9;transition:max-height .28s ease,opacity .2s ease;z-index:50}
.custom-dropdown.is-open{border-radius:24px 24px 0 0}
.custom-dropdown.is-open .dropdown-header{background:#8a1f03;color:#fff;border-radius:24px 24px 0 0}
.custom-dropdown.is-open .dropdown-title,.custom-dropdown.is-open .dropdown-toggle{color:#fff}
.custom-dropdown.is-open .dropdown-panel{max-height:340px;opacity:1;overflow:auto}
.dropdown-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;text-align:left;letter-spacing:-0.16px}
.dropdown-option:nth-child(odd){background:rgba(0,0,0,.06)}
.option-box{width:13px;height:13px;border:1px solid var(--line);display:inline-block;flex:0 0 auto;background:transparent}
.dropdown-option.is-selected .option-box{background:#8a1f03}
.dropdown-option[hidden]{display:none}
.dropdown-search-wrap{position:sticky;top:0;padding:10px 12px;background:#d9d9d9;z-index:2}
.dropdown-search{width:100%;height:36px;border:1px solid var(--line);border-radius:100px;background:var(--bg);padding:0 14px;color:var(--ink);font-family:inherit;font-size:13px;line-height:16px}
.dropdown-search::placeholder{color:var(--muted)}
.dropdown-no-results{display:none;padding:6px 12px 10px;color:var(--muted);font-size:13px;line-height:1.4}
.dropdown-no-results.is-visible{display:block}
.custom-dropdown.is-invalid{box-shadow:0 0 0 2px rgba(255,255,255,.45)}
.other-text-wrap{margin-top:10px}
.dropdown-other-input-wrap{position:relative;padding:10px 12px;background:rgba(0,0,0,.06);margin-top:0}
.dropdown-other-input-wrap input{width:100%;height:42px;border:1px solid var(--line);border-radius:100px;background:var(--bg);padding:0 14px;color:var(--ink);font-family:inherit;font-size:14px;line-height:18px;letter-spacing:-0.16px}
.dropdown-other-input-wrap .required-placeholder{left:26px}
.other-text-wrap input.is-invalid{box-shadow:0 0 0 2px rgba(255,255,255,.45)}
.dropdown-option:focus-visible,.dropdown-header:focus-visible,input:focus-visible,.sponsor-btn:focus-visible,._submit:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

.submit-row{grid-column:2;grid-row:6;display:flex;justify-content:flex-start;align-self:center;width:137px}
._submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:137px;height:48px;border:none;border-radius:100px;background:var(--lime);color:var(--ink);font-family:inherit;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-0.16px;cursor:pointer;transition:transform .15s ease,filter .15s ease}
._submit:disabled{opacity:.66;cursor:not-allowed}
._submit:hover:not(:disabled){filter:brightness(.97)}
._submit:active:not(:disabled){transform:translateY(1px)}

.profession-row{grid-column:1;grid-row:4}
.content-row{grid-column:1;grid-row:5}
.country-row{grid-column:1;grid-row:6}
.consent-row{grid-column:1 / span 2;grid-row:7;width:661px;margin-top:-6px}
.consent-row a{color:var(--lime);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.captcha-row{grid-column:1 / span 2;grid-row:8;margin-top:6px;display:flex;justify-content:flex-start;align-self:start}
.checkbox-label{display:flex;align-items:flex-start;gap:10px;color:rgba(255,254,247,.8);font-size:13px;line-height:1.38;letter-spacing:-0.16px}
.profession-row .dropdown-toggle,.country-row .dropdown-toggle{display:none}
input[type=checkbox]{margin-top:3px;width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;aspect-ratio:1 / 1;flex:0 0 16px;appearance:none;border:1px solid #fff;border-radius:0;background:#000E90;display:grid;place-items:center}
input[type=checkbox]::before{content:"X";color:#fff;font-size:11px;line-height:1;font-weight:600;transform:scale(0);transition:transform .12s ease}
input[type=checkbox]:checked::before{transform:scale(1)}
.captcha-row .g-recaptcha{transform:scale(.86);transform-origin:left top}

.is-hidden{display:none}
._form-thank-you{margin-top:10px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.16);color:#fff}
._error-inner._form_error{margin:0;padding:10px 12px;border-radius:10px;background:#ffe4e8;color:#5c0d17}
.floating-error{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);min-width:260px;max-width:320px}

.subscriber-benefits{padding:8px 0 0;max-width:1440px;margin:0 auto}
.subscriber-benefits h2{margin:20px 0 53px;text-align:center;font-size:40px;line-height:36px;font-weight:600;letter-spacing:-0.6px}
.benefits-grid{display:grid;grid-template-columns:repeat(3,399px);justify-content:center;gap:38px}
.benefit-card{width:100%;max-width:399px;margin:0 auto}
.benefit-card > img{width:100%;height:auto;aspect-ratio:399 / 237;border-radius:30px;background:transparent}
.benefits-grid .benefit-card:nth-child(1) > img{padding:0;background:transparent}
.benefits-grid .benefit-card:nth-child(2) > img{padding:14px 18px;box-sizing:border-box;background:#FFA1E7}
.benefits-grid .benefit-card:nth-child(3) > img{padding:14px 18px;box-sizing:border-box;background:var(--hero)}
.benefit-card h4{margin:20px 0 12px;font-size:20px;line-height:36px;font-weight:600;letter-spacing:-0.6px}
.benefit-card p{display:block;margin:0;font-size:20px;line-height:24px;font-weight:500;letter-spacing:-0.16px}

@media (min-width:1024px) and (max-width:1319px){
  .subscriber-benefits{padding:8px 24px 0}
  .subscriber-benefits h2{margin:20px 0 36px}
  .benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .benefit-card{max-width:none;min-width:0}
  .benefit-card h4{font-size:clamp(18px,1.9vw,20px);line-height:1.25;margin:14px 0 10px}
  .benefit-card p{font-size:clamp(16px,1.65vw,20px);line-height:1.28}
}

.platform-strip{position:relative;overflow:hidden;margin-top:34px;min-height:208px;padding:66px 24px 24px;background-color:#5D39EC;background-image:url("/assets/platform-strip-bg.svg");background-position:center top;background-size:cover;background-repeat:no-repeat;text-align:center;color:#fff}
.platform-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(360deg,#5D39EC 50%,rgba(93,57,236,0) 121.87%);pointer-events:none}
.platform-strip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:98px;background:#5D39EC;pointer-events:none}
.platform-strip h2,.platform-strip p{position:relative;z-index:1}
.platform-strip h2{margin:0;font-size:40px;line-height:36px;font-weight:600;letter-spacing:-0.6px}
.platform-strip p{margin:17.5px auto 0;max-width:1153px;font-size:20px;line-height:24px;font-weight:500;letter-spacing:-0.16px;color:#F2F2F2}

.bottom-cta{display:grid;grid-template-columns:510px 848px;justify-content:center;align-items:stretch;margin:34px 40px 20px;border-radius:20px;overflow:hidden;background:#610241}
.bottom-cta-image{width:100%;height:235px;object-fit:cover}
.bottom-cta-content{padding:52px 47px 0 0;color:#F2F2F2;display:flex;flex-direction:column;align-items:flex-end;gap:17px;text-align:right}
.bottom-cta-content h3{margin:0;width:646px;font-size:40px;line-height:44px;font-weight:600;letter-spacing:-0.6px;color:#F2F2F2}
.bottom-cta-content p{margin:0;width:674px;font-size:20px;line-height:24px;font-weight:500;letter-spacing:-0.16px;color:#F2F2F2;text-align:right}
.sponsor-btn{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:215px;height:48px;border:none;border-radius:999px;background:var(--lime);color:var(--ink);font-family:inherit;font-size:18px;font-weight:600;cursor:pointer;transition:filter .15s ease}
.sponsor-btn:hover{filter:brightness(.97)}

@media (min-width:1024px) and (max-width:1439px){
  .bottom-cta{grid-template-columns:minmax(300px,510px) minmax(0,1fr);margin:34px 24px 20px}
  .bottom-cta-content{padding:40px 28px 20px 20px;gap:14px}
  .bottom-cta-content h3{width:auto;max-width:100%;font-size:clamp(34px,3.2vw,40px);line-height:1.08}
  .bottom-cta-content p{width:auto;max-width:100%;font-size:clamp(16px,1.55vw,20px);line-height:1.25}
}

.sponsorship-strip{position:relative;margin:20px 0 0;height:230px;background:#C7FF61;text-align:center;color:#1E1E1E;overflow:hidden}
.sponsorship-strip h2{position:absolute;top:40px;left:0;width:100%;margin:0;font-size:40px;line-height:36px;font-weight:600;letter-spacing:-0.6px}
.sponsorship-strip p{position:absolute;top:97px;left:50%;transform:translateX(-50%);width:min(1270px,calc(100% - 40px));margin:0;font-size:20px;line-height:24px;font-weight:500;letter-spacing:-0.16px}
.sponsor-btn-dark{position:absolute;top:153px;left:50%;transform:translateX(-50%);align-self:center;min-width:188px;height:48px;padding:10px 20px;gap:10px;background:#1E1E1E;color:#C7FF61;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-0.16px}

.site-footer{padding:8px 20px 22px;text-align:center;font-size:32px}
.footer-logo{display:inline-block;height:38px;vertical-align:middle;margin:0 4px}

@media (prefers-reduced-motion:no-preference){
  .hero-grid,.campaign-card,.subscriber-benefits,.platform-strip,.bottom-cta{animation:fade-up .55s ease both}
  .campaign-card{animation-delay:.08s}
  .subscriber-benefits{animation-delay:.14s}
  .platform-strip{animation-delay:.2s}
  .bottom-cta{animation-delay:.26s}
}

@keyframes fade-up{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

@media (max-width:1023px){
  .page{max-width:393px}
  .hero-grid{display:flex;flex-direction:column}
  .hero-left{display:contents}
  .hero-topbar{order:1}
  .hero-copy-wrap{order:2}
  .hero-right{order:3}
  .hero-band{order:4}
  .hero-topbar{padding:28px 22px 16px}
  .hero-logo{width:182px}
  .launch-title{margin-top:14px;font-size:28px;line-height:1.1}
  .hero-copy-wrap{padding:16px 24px 30px}
  .hero-headline{font-size:24px;line-height:1.3;width:371px;font-weight:500;letter-spacing:-0.16px}
  .hero-intro{margin-top:12px;font-size:16px;line-height:1.35;width:341px;font-weight:500;letter-spacing:-0.16px}
  .hero-band{padding:14px 22px 16px;min-height:0}
  .hero-band h2{font-size:22px;line-height:1.25}
  .hero-band p{display:none}
  .hero-right{height:312px}
  .hero-right img{position:static;inset:auto;width:100%;height:100%;object-fit:cover;min-height:0;max-height:none}

  .form-area{padding:20px 14px 0}
  .campaign-tabs{position:relative;left:auto;right:auto;top:auto;transform:none;width:auto;margin:22px 14px;height:0;pointer-events:none;z-index:10;display:block}
  .campaign-tab-left,.campaign-tab-right{height:56.05px}
  .campaign-tab-left{left:-34px;top:10px;width:208px;background:var(--bg)}
  .campaign-tab-right{left:124px;width:93px;top:10px;background:#5BABFC}
  .campaign-card{margin:32px 14px 0;width:auto;min-height:0;padding:68px 23px 27px;border-radius:20px;background-color:var(--violet);background-image:linear-gradient(90deg,#5D39EC 70%,rgba(93,57,236,0) 100%),url("/assets/FormBackground-Image.svg");background-position:0 0,198px -2px;background-size:100% 100%,845px 1147px;background-repeat:no-repeat,no-repeat}
  .campaign-card::before{left:-4px;top:20px;width:27px;height:43px;background:var(--bg)}
  .campaign-card::after{left:0.2px;top:39.5px;width:48px;height:48px;background:var(--violet)}
  ._form-content{width:auto;padding-top:0;display:flex;flex-direction:column}
  .field{width:auto}
  .card-title{position:static;left:auto;top:auto;display:block;height:auto;font-size:24px;line-height:1.22;max-width:100%;width:auto}
  .card-copy{font-size:15px;line-height:24px;max-width:100%;width:auto}
  input[type=text],input[type=email],.dropdown-header{height:48px;font-size:14px}
  .required-placeholder,.dropdown-title{font-size:14px;line-height:18px}
  .dropdown-panel{top:48px}
  .dropdown-option{font-size:14px;padding:10px 12px}
  .option-box{width:13px;height:13px}
  .submit-row{order:1;width:137px;justify-content:flex-start;align-self:flex-end;margin-top:4px;position:relative}
  .captcha-row{order:2;width:137px;align-self:flex-start;margin-top:8px;min-height:62px;overflow:visible}
  .consent-row{order:3;margin-top:6px}
  ._submit{min-width:137px;height:48px;font-size:16px;padding:0 20px}
  .checkbox-label{font-size:12px;line-height:20px}
  input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;aspect-ratio:1 / 1;flex:0 0 16px;border-radius:0}
  input[type=checkbox]::before{width:10px;height:10px}
  .captcha-row .g-recaptcha{transform:scale(.76);transform-origin:left top}

  .subscriber-benefits{padding:0 14px;max-width:393px}
  .subscriber-benefits h2{width:100%;font-size:34px;margin:26px 0 20px;line-height:1.1}
  .benefits-grid{grid-template-columns:1fr;gap:18px}
  .benefit-card h4{font-size:20px;text-align:center;margin-top:8px;line-height:1.2}
  .benefit-card p{font-size:15px;text-align:center;line-height:1.35}

  .platform-strip{margin-top:24px;padding:20px 16px}
  .platform-strip h2{font-size:20px;line-height:1.2}
  .platform-strip p{font-size:15px;line-height:1.4}

  .bottom-cta{display:block;margin:22px 14px 16px;border-radius:0;background:var(--hero)}
  .bottom-cta-image{height:188px}
  .bottom-cta-content{padding:16px 14px 18px;text-align:center;align-items:center;gap:10px}
  .bottom-cta-content h3{width:auto;max-width:100%;font-size:34px;line-height:1.1;text-align:center}
  .bottom-cta-content p{width:auto;max-width:100%;font-size:15px;line-height:24px;margin:10px 0 14px;text-align:center}
  .sponsor-btn{align-self:center;min-width:188px;height:48px;font-size:16px}

  .sponsorship-strip{position:static;height:auto;padding:30px 14px 34px}
  .sponsorship-strip h2{position:static;top:auto;left:auto;width:100%;font-size:32px;line-height:1.1}
  .sponsorship-strip p{position:static;top:auto;left:auto;transform:none;width:auto;margin:12px 0 0;font-size:16px;line-height:1.35}
  .sponsor-btn-dark{position:static;top:auto;left:auto;transform:none;margin-top:16px}

  .site-footer{font-size:16px;}
  .footer-logo{height:26px}
  .floating-error{left:calc(100% + 8px);right:auto;top:50%;transform:translateY(-50%);min-width:0;max-width:220px}
}
