/* Plus500 · Prediction Markets landing — built on PDS tokens (assets/colors_and_type.css) */
:root{
  --navy:var(--pds-brand-primary-500);--blue:var(--pds-brand-secondary-500);--tertiary:var(--pds-brand-tertiary-500);
  --accent2:#7611ce;--accent2-soft:rgba(118,17,206,.12);
  --accent:var(--blue);--accent-soft:var(--pds-brand-secondary-opacity-15);
  --brand-gradient:linear-gradient(135deg,var(--navy) 0%,var(--navy) 55%,var(--accent2) 100%);
  --maxw:1200px;--gutter:clamp(20px,5vw,48px);
  --surface:var(--pds-surface-base-faintest);--card-bg:#fff;--card-border:var(--pds-outline-neutral-lower);
  --card-shadow:var(--pds-elevation-1);--ink:var(--pds-on-surface-base);--ink-soft:var(--pds-on-surface-medium);
  --ink-faint:var(--pds-on-surface-low);--hairline:var(--pds-outline-neutral-lower);
}
html{scroll-behavior:smooth}
body{margin:0;background:#fafafa;color:var(--ink);font:var(--pds-body-large-font);letter-spacing:var(--pds-body-large-tracking);overflow-x:hidden}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--navy)}
img,svg{display:block}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--pds-corner-x-small)}
.tabular{font-feature-settings:var(--pds-numeric-feature);font-variant-numeric:tabular-nums lining-nums}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
section{position:relative}
.section-pad{padding-block:clamp(56px,9vw,120px)}
.eyebrow{font:var(--pds-label-large-emphasized);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:var(--pds-spacing-small)}
.tinted{background:var(--brand-gradient)}
.start-hero{position:relative;background:var(--brand-gradient)}
.start-hero::after{content:"";position:absolute;inset:0;background:url(assets/start-bg.webp) right center/cover no-repeat;background-attachment:fixed;mix-blend-mode:lighten;opacity:.9}
.start-hero .wrap{position:relative;z-index:1}
@media (max-width:900px){.start-hero::after{display:none}}
.plus500-hero{position:relative}
.plus500-hero::after{content:"";position:absolute;inset:0;background:url(assets/plus500-bg.webp) center/cover no-repeat;background-attachment:fixed;mix-blend-mode:lighten;opacity:.85}
.plus500-hero .wrap{position:relative;z-index:1}
@media (max-width:900px){.plus500-hero::after{display:none}}
.faq-hero{position:relative}
.faq-hero::after{content:"";position:absolute;inset:0;background:url(assets/faq-bg.webp) center/cover no-repeat;background-attachment:fixed;mix-blend-mode:lighten;opacity:.85}
.faq-hero .wrap{position:relative;z-index:1}
@media (max-width:900px){.faq-hero::after{display:none}}
.tinted .eyebrow{color:#fff}
.tinted .section-head h2{color:#fff}
.tinted .section-head p{color:rgba(255,255,255,.78)}
.tinted .qa{border-bottom-color:rgba(255,255,255,.18)}
.tinted .qa__q{color:#fff}
.tinted .qa__q .pm{border-color:rgba(255,255,255,.35);color:#fff}
.tinted .qa__q:hover .pm{background:rgba(255,255,255,.15)}
.tinted .qa__a>div{color:rgba(255,255,255,.78)}
.tinted .btn{--btn-bg:#fff;--btn-fg:var(--accent2);background:#fff;color:var(--accent2)}
.tinted .btn:hover{filter:none;background:rgba(255,255,255,.9)}
.tinted .card{background:transparent;border-color:rgba(255,255,255,.25);box-shadow:none}
.tinted .card:hover{border-color:#fff}
.tinted .card .ic{background:rgba(255,255,255,.14);color:#fff}
.tinted .card h4{color:#fff}
.tinted .card p{color:rgba(255,255,255,.78)}
.flow{display:flex;justify-content:center;align-items:flex-start;gap:0}
.flow__item{flex:0 1 220px;text-align:center}
.flow__line{flex:0 1 60px;height:2px;margin-top:32px;background:rgba(255,255,255,.3)}
.flow__num{position:relative;z-index:1;display:flex;width:64px;height:64px;margin:0 auto 20px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.4);color:#fff;font:700 22px/1 var(--pds-font-sans);letter-spacing:-.02em}
.flow__item h4{margin:0;color:#fff;font:var(--pds-title-medium-emphasized);text-wrap:balance}
@media (max-width:720px){.flow{flex-direction:column;align-items:center;gap:32px}.flow__item{flex:none;max-width:340px}.flow__line{display:none}}
.section-head{max-width:760px;margin-bottom:clamp(32px,5vw,56px)}
.section-head h2{font:var(--pds-display-small-emphasized);letter-spacing:var(--pds-display-small-tracking);margin-top:var(--pds-spacing-medium);line-height:1.05;color:var(--ink)}
.section-head p{color:var(--ink-soft);margin-top:var(--pds-spacing-large);font-size:18px;line-height:1.55;text-wrap:pretty}
@media (min-width:720px){.section-head h2{font:var(--pds-display-medium-emphasized);letter-spacing:var(--pds-display-medium-tracking)}}

/* Buttons */
.btn{--btn-bg:var(--blue);--btn-fg:#fff;appearance:none;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--pds-spacing-small);font:var(--pds-label-large-emphasized);letter-spacing:var(--pds-label-large-tracking);padding:0 var(--pds-spacing-x-large);height:48px;border-radius:var(--pds-corner-full);background:var(--btn-bg);color:var(--btn-fg);transition:filter .12s var(--pds-easing-standard),box-shadow .12s var(--pds-easing-standard),transform .12s var(--pds-easing-standard);box-shadow:var(--pds-elevation-trade);white-space:nowrap}
.btn:hover{filter:brightness(1.06);color:var(--btn-fg)}
.btn:active{transform:translateY(1px);box-shadow:var(--pds-elevation-2)}
.btn--lg{height:56px;font-size:16px;padding-inline:var(--pds-spacing-xx-large)}
.btn--gradient{background:var(--brand-gradient)}
.btn--ghost{background:transparent;color:#fff;box-shadow:none;border:1px solid var(--pds-base-white-opacity-30)}
.btn--ghost:hover{background:var(--pds-state-layer-on-primary-hovered);filter:none}
.btn--block{width:100%}

/* Risk strip + top bar */
.sticktop{position:sticky;top:0;z-index:60}
.rwbar{background:var(--pds-brand-primary-25);color:var(--pds-brand-primary-600);font:var(--pds-caption-large-font);line-height:1.45;text-align:center;padding:9px var(--gutter);border-bottom:1px solid var(--pds-brand-primary-50)}
.topbar{position:relative;z-index:50;background:rgba(12,39,128,.95);border-bottom:1px solid transparent;transition:background .2s var(--pds-easing-standard),border-color .2s var(--pds-easing-standard)}
.topbar.is-stuck{background:rgba(12,39,128,.95);border-bottom-color:var(--pds-base-white-opacity-10)}
.topbar__inner{display:flex;align-items:center;gap:var(--pds-spacing-x-large);height:68px}
.topbar__logo{height:26px;width:auto}
.topbar__logo img{height:26px;width:auto}
.topbar nav{display:none;align-items:center;gap:var(--pds-spacing-x-large);margin-left:var(--pds-spacing-large)}
.topbar nav a{font:var(--pds-label-large-font);color:var(--pds-on-primary-medium);transition:color .12s}
.topbar nav a:hover{color:#fff}
.topbar__spacer{flex:1}
.topbar__actions{display:flex;align-items:center;gap:var(--pds-spacing-medium)}
@media (min-width:940px){.topbar nav{display:flex}}
.topbar .btn{height:40px;padding-inline:var(--pds-spacing-large)}

/* Hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(64px,9vw,120px);background:linear-gradient(rgba(12,39,128,.7),rgba(12,39,128,.7)),url(assets/hero-bg.webp) center/cover no-repeat;background-attachment:fixed,fixed;text-align:center;isolation:isolate}
.hero__side{position:absolute;bottom:0;top:auto;height:92%;max-height:640px;width:auto;z-index:0;pointer-events:none}
.hero__side--left{left:0}
.hero__side--right{right:0}
@media (max-width:1100px){.hero__side{display:none}}
.hero__inner{position:relative;z-index:1;max-width:720px;margin:0 auto}
.hero .eyebrow{color:var(--tertiary)}
.hero h1{font:700 clamp(38px,7vw,68px)/1.05 var(--pds-font-sans);letter-spacing:-.03em;color:#fff;margin:var(--pds-spacing-medium) 0 0}
.hero h1 em{font-style:normal;background:linear-gradient(120deg,#fff 0%,var(--tertiary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__sub{margin:var(--pds-spacing-x-large) auto 0;max-width:36em;font-size:18px;line-height:1.55;color:var(--pds-on-primary-medium);text-wrap:pretty}
.hero__offer{display:inline-flex;align-items:center;gap:10px;margin-top:var(--pds-spacing-x-large);padding:14px 28px;border-radius:var(--pds-corner-full);background:var(--accent2);box-shadow:0 10px 28px rgba(118,17,206,.5);color:#fff;font:700 20px/1.1 var(--pds-font-sans);letter-spacing:-.01em}
.hero__offer small{color:rgba(255,255,255,.85);font:var(--pds-label-medium-font);font-weight:500}
.hero__offer svg{flex:none}
.hero__offer-img{display:flex;flex-direction:column;align-items:center;margin-top:var(--pds-spacing-x-large)}
.hero__offer-img img{max-width:340px;width:100%;height:auto}
.promo-ribbon{display:flex;align-items:center;gap:8px;margin-top:-6px;padding:10px 22px;border-radius:var(--pds-corner-full);background:var(--accent2);color:#fff;font:var(--pds-label-large-font)}
.promo-ribbon b{font:var(--pds-label-large-emphasized);letter-spacing:.04em}
.hero__cta{margin-top:var(--pds-spacing-x-large)}
.herobar{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;margin-top:clamp(40px,5vw,64px);background:var(--pds-base-white-opacity-10);border:1px solid var(--pds-base-white-opacity-15);border-radius:var(--pds-corner-medium);padding:var(--pds-spacing-x-large) var(--pds-spacing-large)}
.herobar__item{display:flex;flex-direction:column;gap:4px;min-width:0;padding:2px clamp(10px,2.4vw,var(--pds-spacing-x-large));border-left:1px solid var(--pds-base-white-opacity-15);text-align:left}
.herobar__item:first-child{border-left:none;padding-left:0}
.herobar__item b{display:flex;align-items:center;gap:8px;color:#fff;font:700 clamp(14px,1.6vw,24px)/1.05 var(--pds-font-sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.herobar__item span{color:var(--pds-on-primary-medium);font:var(--pds-caption-large-font);line-height:1.35}
.herobar__star{color:var(--pds-functional-yellow-variant-500,#f2b90c)!important;width:22px;height:22px}
.herobar__logo{height:22px;width:auto;flex:none}
.herobar__lse{height:26px;width:auto;flex:none}
.herobar__bulls{height:16px;width:auto;flex:none}
.herobar__cftc{height:20px;width:auto;flex:none}
@media (max-width:720px){.herobar{grid-template-columns:repeat(2,1fr);row-gap:var(--pds-spacing-large)}.herobar__item:nth-child(odd){border-left:none;padding-left:0}}

/* Reasons strip (no cards) */
.why-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,64px);align-items:stretch}
.why-media{position:relative;z-index:5;height:100%}
.why-media img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:900px){.why-media{overflow:visible}}
.reasons{display:flex;flex-direction:column;gap:var(--pds-spacing-x-large)}
.reason{display:flex;gap:24px;align-items:center}
.reason__num{flex:none;font:800 clamp(44px,5.5vw,60px)/1 var(--pds-font-sans);letter-spacing:-.04em;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:1.2em}
.reason h4{font:var(--pds-title-large-emphasized);color:var(--ink);margin-bottom:4px}
.reason p{font:var(--pds-body-medium-font);color:var(--ink-soft);line-height:1.5;margin:0}
@media (max-width:900px){.why-grid{grid-template-columns:1fr}.why-media{order:-1}}

/* Card grids: reasons / steps / features */
.cards-grid{display:grid;grid-template-columns:1fr;gap:var(--pds-spacing-large)}
@media (min-width:600px){.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.cards-grid--5{grid-template-columns:repeat(5,1fr)}.cards-grid--4{grid-template-columns:repeat(4,1fr)}.cards-grid--3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--pds-corner-large);padding:clamp(22px,2.4vw,28px);box-shadow:var(--card-shadow);transition:transform .2s var(--pds-easing-standard),border-color .2s}
.card:hover{transform:translateY(-4px);border-color:var(--accent)}
.card .ic{width:46px;height:46px;border-radius:var(--pds-corner-medium);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:var(--pds-spacing-large)}
.card .ic svg{width:24px;height:24px}
.card h4{font:var(--pds-title-medium-emphasized);color:var(--ink);margin-bottom:6px}
.card p{font:var(--pds-body-medium-font);color:var(--ink-soft);line-height:1.55}

/* Numbered steps */
.steps{display:grid;grid-template-columns:1fr;gap:var(--pds-spacing-large)}
@media (min-width:640px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,48px)}
.step{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--pds-corner-large);padding:var(--pds-spacing-x-large);box-shadow:var(--card-shadow);transition:transform .2s var(--pds-easing-standard),border-color .2s}
.step:hover{transform:translateY(-4px);border-color:var(--accent)}
.step .n{font:700 14px/1 var(--pds-font-sans);letter-spacing:.08em;color:var(--accent);display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;text-transform:uppercase}
.step .n i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);font-style:normal;font-size:15px}
.step h4{font:var(--pds-title-medium-emphasized);color:var(--ink);margin-bottom:6px}
.step p{font:var(--pds-body-medium-font);color:var(--ink-soft);line-height:1.5}
.bonusbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:clamp(28px,4vw,48px);padding:22px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.bonusbar__icon{width:26px;height:26px;flex:none;color:var(--accent2)}
.bonusbar__anim{display:inline-flex;font:700 clamp(24px,3.4vw,32px)/1.15 var(--pds-font-sans);letter-spacing:-.02em}
.ba-mask{overflow:hidden;display:inline-block;height:1.15em}
.ba-mask span{display:inline-block;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.ba-2{font-weight:800}
.ba-1{animation:ba1anim 4s ease-in-out infinite}
.ba-2{animation:ba2anim 4s ease-in-out infinite}
@keyframes ba1anim{0%{opacity:0;transform:translateY(-100%)}12%{opacity:1;transform:translateY(0)}68%{opacity:1;transform:translateY(0)}82%,100%{opacity:0;transform:translateY(0)}}
@keyframes ba2anim{0%,22%{opacity:0;transform:translateY(-100%)}34%{opacity:1;transform:translateY(0)}68%{opacity:1;transform:translateY(0)}82%,100%{opacity:0;transform:translateY(0)}}

/* Awards */
.awards__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px) var(--pds-spacing-large)}
@media (min-width:560px){.awards__grid{grid-template-columns:repeat(3,1fr)}}
.award{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--pds-spacing-medium) 4px}
.award__org{font:var(--pds-label-large-emphasized);letter-spacing:.05em;color:var(--ink-soft);margin-bottom:6px}
.award__year{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--navy)}
.award__year span{font:700 clamp(30px,3.4vw,44px)/1 var(--pds-font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.laurel{width:clamp(22px,2.4vw,30px);height:auto;color:var(--pds-accent-special-gold,#c9a227)}
.award__cap{margin-top:10px;font:var(--pds-body-medium-emphasized);color:var(--ink);text-wrap:balance}

/* FAQ */
.faq{max-width:860px;margin-inline:auto}
.qa{border-bottom:1px solid var(--hairline)}
.qa__q{width:100%;text-align:left;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:var(--pds-spacing-large);padding:var(--pds-spacing-x-large) 4px;font:var(--pds-title-large-emphasized);color:var(--ink)}
.qa__q .pm{margin-left:auto;flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--card-border);color:var(--accent);transition:transform .2s var(--pds-easing-standard),background .12s}
.qa__q:hover .pm{background:var(--accent-soft)}
.qa.open .pm{transform:rotate(45deg)}
.qa__a{overflow:hidden;max-height:0;transition:max-height .32s var(--pds-easing-standard)}
.qa__a>div{padding:0 4px var(--pds-spacing-x-large);color:var(--ink-soft);font-size:16px;line-height:1.6;max-width:70ch}

/* Final CTA */
.finalcta__panel{position:relative;border-radius:clamp(20px,3vw,32px);overflow:hidden;background:var(--brand-gradient);padding:clamp(40px,6vw,80px) clamp(24px,5vw,72px)}
.finalcta__panel::before{content:"";position:absolute;top:50%;left:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;border-radius:50%;background:conic-gradient(from 0deg,var(--blue),var(--accent2),var(--blue));animation:fc-spin 6s linear infinite}
.finalcta__panel::after{content:"";position:absolute;inset:4px;z-index:1;border-radius:28px;background:var(--brand-gradient)}
@keyframes fc-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.finalcta__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:var(--pds-spacing-xx-large);align-items:center}
@media (min-width:880px){.finalcta__inner{grid-template-columns:1.2fr .8fr}}
.finalcta h2{font:700 clamp(32px,5vw,52px)/1.05 var(--pds-font-sans);letter-spacing:-.03em;color:#fff}
.finalcta p{color:var(--pds-on-primary-medium);font-size:18px;margin-top:var(--pds-spacing-large);line-height:1.5;max-width:34ch}
.store{display:flex;gap:var(--pds-spacing-medium);flex-wrap:wrap}
.store a{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:var(--pds-corner-medium);border:1px solid var(--pds-base-white-opacity-25);background:var(--pds-base-white-opacity-5);color:#fff;transition:background .12s,border-color .12s}
.store a:hover{background:var(--pds-base-white-opacity-10);border-color:var(--pds-base-white-opacity-40)}
.store svg{width:24px;height:24px;color:#fff}
.store .lab{display:flex;flex-direction:column;line-height:1.1}
.store .lab small{font:var(--pds-caption-medium-font);color:var(--pds-on-primary-medium)}
.store .lab b{font:var(--pds-title-small-emphasized)}

/* Bonus terms */
.terms{background:var(--surface);padding-block:28px}
.terms-toggle{max-width:860px;margin:0}
.terms-toggle summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font:var(--pds-label-large-font);color:var(--ink-faint)}
.terms-toggle summary::-webkit-details-marker{display:none}
.terms-toggle summary:hover{color:var(--ink-soft)}
.terms-toggle .chev{transition:transform .2s var(--pds-easing-standard)}
.terms-toggle[open] .chev{transform:rotate(180deg)}
.terms-body{padding-top:var(--pds-spacing-medium)}
.terms-body p{color:var(--ink-faint);font-size:13px;line-height:1.65;margin:0 0 var(--pds-spacing-small)}
.terms-body p:last-child{margin-bottom:0}

/* Disclosures + footer */
.disclosures{background:var(--navy)}
.disclosures .wrap{padding-block:clamp(32px,4vw,48px)}
.disclosures p{color:var(--pds-on-primary-medium);font:var(--pds-caption-large-font);font-size:13px;line-height:1.65;max-width:980px;text-wrap:pretty}
.footer{background:#081436}
.footer .wrap{padding-block:clamp(28px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pds-spacing-large)}
.footer__brand img{height:26px;width:auto}
.footer__copy{display:flex;align-items:center;gap:8px;color:var(--pds-on-primary-lower);font:var(--pds-caption-large-font)}
.footer__copy svg{flex:none;color:var(--pds-on-primary-medium)}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .6s var(--pds-easing-standard),transform .6s var(--pds-easing-standard)}
.reveal.in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.08s}
.reveal[data-delay="2"]{transition-delay:.16s}
.reveal[data-delay="3"]{transition-delay:.24s}
.reveal[data-delay="4"]{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}