@font-face{font-family:Satoshi;src:url('/fonts/satoshi/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Satoshi;src:url('/fonts/satoshi/Satoshi-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Satoshi;src:url('/fonts/satoshi/Satoshi-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* Colors and surfaces come from src/styles/themes/spike.css in the shared bundle. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body.spike-landing{margin:0;background:var(--spike-page);color:var(--spike-text);font-family:Satoshi,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin:0}button{color:inherit}strong{font-weight:700}
[hidden]{display:none!important}
.spike-skip{position:fixed;top:8px;left:8px;z-index:100;padding:12px 20px;background:#fafafa;color:#09090b;transform:translateY(-160%);border-radius:8px}.spike-skip:focus{transform:none}
.spike-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff0d;background:rgba(6,8,21,.38);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}
.spike-header-inner{max-width:1160px;height:88px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.spike-wordmark{display:inline-flex;align-items:center;gap:10px;flex:none;font-size:24px;font-weight:700;letter-spacing:.1em;line-height:1}.spike-wordmark .spike-mark{width:32px;height:32px}
.spike-navigation,.spike-header-actions{display:flex;align-items:center;gap:28px}.spike-navigation{margin-left:auto}.spike-navigation a,.spike-login{position:relative;font-size:18px;font-weight:500;color:var(--spike-text-secondary);padding-block:12px;transition:color .15s}.spike-navigation a:hover,.spike-navigation a[aria-current],.spike-login:hover{color:var(--spike-text)}
.spike-navigation a[aria-current]::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--spike-brand);border-radius:2px}
.spike-header-actions{gap:24px}.spike-header-actions .spike-button{min-height:40px;padding:9px 16px;font-size:13px}.spike-header-actions svg{width:16px;height:16px}
.spike-header-actions .spike-login{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 20px;border:1px solid #fafafa;border-radius:8px;background:#fafafa;color:#09090b;font-weight:700;line-height:24px;transition:background .15s,border-color .15s}
.spike-header-actions .spike-login:hover{background:#dedede;border-color:#dedede;color:#09090b}
.spike-header-actions .spike-login:focus-visible{outline:2px solid #fafafa;outline-offset:4px}
.spike-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 24px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:700;line-height:22px;transition:background .15s,border-color .15s}.spike-button svg,.spike-preview-note svg{width:20px;height:20px;flex:none}
.spike-button-primary{background:#fafafa;color:#09090b;border-color:#fafafa}.spike-button-primary:hover{background:#dedede;border-color:#dedede}.spike-button-secondary{background:var(--spike-control);border-color:var(--spike-border-control);color:var(--spike-text)}.spike-button-secondary:hover{background:var(--spike-control-hover)}
.spike-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;padding:10px;border:1px solid var(--spike-border);border-radius:8px;background:var(--spike-surface)}.spike-menu-toggle svg{width:22px;height:22px}
.spike-mobile-navigation{padding:8px 24px 20px;border-top:1px solid var(--spike-border)}.spike-mobile-navigation a{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;font-size:15px;color:var(--spike-text-secondary)}.spike-mobile-navigation a[aria-current]{color:var(--spike-brand)}.spike-mobile-navigation svg{width:20px;height:20px}
main{padding:0 32px}
.spike-hero{position:relative;isolation:isolate;width:min(1440px,100%);margin:0 auto;border:0;border-radius:0;background:transparent;overflow:hidden;text-align:center}
.spike-hero-lattice,.spike-closing-lattice{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;--foreground:#b9c7c1;mask-image:linear-gradient(#000a,transparent 72%)}
.spike-hero-lattice{mask-image:linear-gradient(#000c,transparent 85%)}
.spike-hero-copy{padding:120px 32px 32px;position:relative}
.spike-eyebrow{display:inline-flex;max-width:100%;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:12px 22px;margin-bottom:48px;border:1px solid var(--spike-border);border-radius:999px;background:#202121c7;border-color:#d8ffee2b;box-shadow:0 0 24px #d8ffee14,0 0 56px #34d3990a,inset 0 1px 0 #ffffff20;color:var(--spike-text);font-size:16px;font-weight:500;letter-spacing:.08em;white-space:nowrap}
.spike-eyebrow img{height:auto;flex:none;object-fit:contain}.spike-eyebrow .spike-built-okx{width:72px;filter:brightness(0) invert(1)}.spike-eyebrow .spike-built-tradingview{width:154px}.spike-built-divider{width:1px;height:22px;background:var(--spike-border-control)}
.spike-hero h1{font-size:clamp(44px,5.6vw,80px);font-weight:700;letter-spacing:-.05em;line-height:1.12}
.spike-hero h1>span{display:block;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin-top:8px;color:#e6e9e7}
.spike-hero h1 em{font-style:normal;color:#62f8ab}
@supports (background-clip:text) or (-webkit-background-clip:text){
  .spike-hero h1 em{background-image:linear-gradient(110deg,#c4ffe0 0%,#62f8ab 45%,#20d990 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media(forced-colors:active){.spike-hero h1 em{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
.spike-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:108px}
.spike-button-plan{min-width:220px;max-width:100%;min-height:64px;padding:16px 28px;border:1px solid #3df2a3;border-radius:6px;background:#3df2a3;color:#09090b;font-size:22px;font-weight:700;line-height:28px;letter-spacing:-.025em;box-shadow:0 6px 20px #0003}
.spike-button-plan:hover{background:#69f6b8;border-color:#69f6b8}.spike-button-plan:focus-visible{outline:2px solid #3df2a3;outline-offset:5px}

.spike-statistics{display:flex;flex-wrap:wrap;gap:24px;width:min(1040px,100%);margin:0 auto 70px;padding-block:clamp(2.4rem,1.75rem + 2.8vw,4rem);text-align:center}
.spike-statistics>div{flex:1 1 260px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px;border:1px solid var(--spike-border);border-radius:16px}
.spike-statistics strong{display:block;font-size:clamp(2.15rem,1.8rem + 1.5vw,3rem);line-height:1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.spike-statistics span{font-size:clamp(1.125rem,1rem + .47vw,1.375rem);line-height:1.3;font-weight:500;letter-spacing:-.005em;color:var(--spike-text-secondary)}
.spike-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1223px,100%);gap:20px}
.spike-benefits>div{min-width:0;min-height:164px;gap:14px;border-color:#dcebe229}
.spike-benefits strong{font-size:clamp(40px,3.6vw,52px);line-height:1.1;letter-spacing:-.045em;color:#f5f5f5;white-space:nowrap}
.spike-benefits span{font-size:16px;line-height:1.5;color:#e6e9e7}
.spike-benefits .spike-benefit-integration strong{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(28px,2.5vw,36px);letter-spacing:-.035em;line-height:1.59}
.spike-benefit-integration img{width:40px;height:40px;flex:none}

.spike-section{width:min(1140px,100%);min-width:0;margin:0 auto 70px}
.spike-section-heading{text-align:center;margin-bottom:36px}.spike-kicker{margin-bottom:14px;color:var(--spike-text-secondary);font-size:11px;font-weight:500;letter-spacing:.16em}
.spike-section-heading h2{font-size:clamp(28px,2.5vw,36px);line-height:1.2;font-weight:700;letter-spacing:-.035em}.spike-section-heading>p:not(.spike-kicker){margin:16px auto 0;max-width:600px;font-size:16px;line-height:1.6;color:var(--spike-text-secondary)}
.spike-platform .spike-section-heading h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.04em}
.spike-platform-frame{overflow:hidden;border:1px solid var(--spike-border);border-radius:18px;background:var(--spike-surface);box-shadow:0 16px 48px #0002}
.spike-platform-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--spike-border);font-size:13px}.spike-platform-toolbar>span:first-child{display:flex;align-items:center;gap:10px;font-weight:500}.spike-platform-toolbar .spike-mark{width:22px;height:22px}.spike-platform-toolbar>span:last-child{color:var(--spike-text-secondary);font-size:12px}
.spike-platform-preview{width:100%;height:auto;aspect-ratio:2.25;object-fit:cover;object-position:top}
.spike-platform-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.spike-platform-features>div+div{border-left:1px solid var(--spike-border);padding-left:32px}.spike-platform-features h3,.spike-steps h3{font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-.015em}.spike-platform-features p,.spike-steps p{margin-top:10px;color:var(--spike-text-secondary);font-size:14px;line-height:1.7}
.spike-challenges{width:min(1500px,100%)}.spike-challenges .spike-section-heading{margin-bottom:20px}
.spike-preview-note{margin:24px 0 0;text-align:center;color:var(--spike-text-secondary);font-size:12px;line-height:1.6}.spike-preview-note a{display:inline-flex;align-items:center;gap:6px;margin-left:16px;color:var(--spike-text)}.spike-preview-note svg{width:15px;height:15px}.spike-preview-note a:hover{text-decoration:underline}
.spike-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.spike-steps>div{padding:28px;background:var(--spike-surface-fill);border:1px solid var(--spike-border);border-radius:18px}.spike-steps>div>span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:24px;border:1px solid var(--spike-border-control);border-radius:8px;font-size:12px;color:var(--spike-text-secondary)}

.spike-faq{max-width:800px;margin:40px auto}.spike-faq .spike-section-heading{margin-bottom:var(--spike-heading-space)}.spike-faq-list{display:grid;gap:12px}
.spike-faq details{background:var(--spike-page);border:1px solid #ffffff14;border-radius:12px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s}
.spike-faq details:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:0 4px 24px #34d3990f}
.spike-faq details[open]{border-color:#34d39940}
.spike-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;list-style:none;cursor:pointer;font-size:16px;font-weight:500;line-height:1.5}
.spike-faq summary::-webkit-details-marker{display:none}
.spike-faq summary::after{content:'';width:10px;height:10px;flex:none;margin-right:5px;border-right:2px solid var(--spike-brand);border-bottom:2px solid var(--spike-brand);transform:translateY(-3px) rotate(45deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.spike-faq details[open] summary::after{transform:translateY(3px) rotate(-135deg)}
.spike-faq details>p{padding:0 24px 20px;color:var(--spike-text-secondary);font-size:16px;line-height:1.7}
.spike-closing{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:64px 340px 64px 48px;border:1px solid var(--spike-border);border-radius:18px;background:var(--spike-surface-fill)}
.spike-closing .spike-section-heading{margin-bottom:32px;position:relative;z-index:1}.spike-closing .spike-section-heading h2{font-size:clamp(32px,3vw,44px);line-height:1.15;max-width:650px}.spike-closing .spike-section-heading>p{font-size:18px}.spike-closing>.spike-button{position:relative;z-index:1;min-height:54px;padding-inline:28px;font-size:16px}.spike-closing .spike-section-heading>.spike-mark{width:44px;height:44px;margin:0 auto 28px}.spike-closing-lattice{opacity:.6}
.spike-footer{padding:0 32px;border-top:1px solid var(--spike-border)}.spike-footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;max-width:1080px;margin:auto;padding:48px 0}.spike-footer-main>div:first-child p{color:var(--spike-text-secondary);font-size:13px;margin-top:18px}.spike-footer-main h2{font-size:13px;font-weight:700;margin-bottom:20px}.spike-footer-main>div:not(:first-child) a{display:block;margin-top:12px;font-size:13px;color:var(--spike-text-secondary)}.spike-footer a:hover{color:var(--spike-text)}.spike-footer-legal{max-width:1080px;margin:auto;padding:24px 0 32px;border-top:1px solid var(--spike-border);color:var(--spike-text-secondary);font-size:11px;line-height:1.7}.spike-footer-legal p+p{margin-top:8px;max-width:900px}

.spike-challenge-dialog{width:min(540px,calc(100vw - 32px));max-height:85dvh;border:1px solid var(--spike-border-control);border-radius:18px;padding:28px;background:var(--spike-surface);color:var(--spike-text);box-shadow:0 20px 70px #0008}.spike-challenge-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.spike-challenge-dialog h2{margin:0 32px 12px 0;font-size:26px;font-weight:700;line-height:1.25}.spike-dialog-close{position:absolute;right:15px;top:15px;border:0;background:transparent;color:var(--spike-text);font-size:24px;padding:4px 8px;cursor:pointer}.spike-dialog-note{color:var(--spike-text-secondary);font-size:14px;margin:0 0 20px;line-height:1.5}.spike-challenge-dialog dl{margin:0}.spike-challenge-dialog dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--spike-border)}.spike-challenge-dialog dt{color:var(--spike-text-secondary)}.spike-challenge-dialog dd{margin:0;text-align:right}.spike-dialog-done{display:block;width:100%;padding:12px 20px;margin-top:24px;background:#fafafa;color:#09090b;border:0;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}.spike-dialog-done:hover{background:#dedede}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.spike-legal-details{margin-top:12px;color:var(--spike-text-secondary);font-size:13px}.spike-legal-details summary{cursor:pointer;list-style:none}.spike-legal-details summary::-webkit-details-marker{display:none}.spike-legal-details summary::after{content:" +"}.spike-legal-details[open] summary::after{content:" −"}.spike-legal-details summary:hover{color:var(--spike-text)}.spike-legal-details p{font-size:11px;line-height:1.7;margin-top:12px}.spike-legal-details summary:focus-visible{outline:2px solid var(--spike-brand);outline-offset:4px}

body.spike-landing{--spike-page-gutter:30px;--spike-section-space:80px;--spike-heading-space:32px}
main{padding-inline:var(--spike-page-gutter)}
.spike-header{padding:0 var(--spike-page-gutter)}
.spike-header-inner{height:84px;max-width:1140px;padding-inline:0}
.spike-hero-copy{padding:104px 0 64px}
.spike-hero-actions{margin-top:108px}
.spike-statistics.spike-benefits{display:flex;flex-wrap:wrap;width:min(1140px,calc(100% - 2 * var(--spike-page-gutter)));gap:24px;margin:0 auto;padding-block:32px 64px}
.spike-benefits>div{flex:1 1 260px;min-height:150px;gap:12px;padding:24px}
.spike-benefits strong{font-size:clamp(34.4px,28.8px + 1.5vw,48px);line-height:1}
.spike-benefits span{font-size:clamp(18px,16px + .47vw,22px);line-height:1.3}
.spike-benefits .spike-benefit-integration strong{gap:10px;min-height:clamp(34.4px,28.8px + 1.5vw,48px);font-size:clamp(24px,2.3vw,32px);line-height:1}
.spike-benefit-integration img{width:32px;height:32px}
.spike-section{width:min(1140px,100%);margin-bottom:0}
.spike-platform{margin-top:0;padding-top:32px;margin-bottom:var(--spike-section-space)}
.spike-platform .spike-section-heading{margin-bottom:var(--spike-heading-space)}
.spike-challenges{width:min(1140px,100%)}
.spike-challenges .spike-section-heading{margin-bottom:0}
.spike-challenges .spike-section-heading h2{font-size:clamp(32px,4vw,42px);line-height:1.15}
.spike-challenges .spike-section-heading>p:not(.spike-kicker){margin-top:16px;max-width:780px;text-wrap:balance}
#spike-account-offers{margin-top:var(--spike-heading-space)}
.spike-faq{max-width:800px;margin:var(--spike-section-space) auto 0}
.spike-faq .spike-section-heading{margin-bottom:var(--spike-heading-space)}
.spike-closing{min-height:400px;margin-block:var(--spike-section-space);padding:48px;align-items:flex-start;text-align:left}
.spike-closing .spike-section-heading{width:62%;margin-bottom:24px;text-align:left}
.spike-closing .spike-section-heading>p{margin-inline:0}
.spike-closing .spike-section-heading>.spike-mark{margin-inline:0}
.spike-footer{margin-inline:var(--spike-page-gutter);padding-inline:0}
.spike-footer-main{max-width:1140px;gap:24px;padding:40px 0}
.spike-footer-legal{max-width:1140px}
.spike-footer-main h2{margin-bottom:20px}
.spike-footer .spike-wordmark{font-size:28px;gap:12px}
.spike-footer .spike-wordmark .spike-mark{width:38px;height:38px}
.spike-footer-main h2,.spike-footer-main>div:first-child p,.spike-footer-main>div:not(:first-child) a{font-size:16px;line-height:1.5}
.spike-legal-details p a{display:inline!important;font-size:inherit!important;margin:0!important;text-decoration:underline}

/* One continuous backdrop across the hero, cards and first viewport. */
.spike-intro{position:relative;isolation:isolate;min-height:100svh;width:calc(100% + 2 * var(--spike-page-gutter));margin:-85px calc(-1 * var(--spike-page-gutter)) 0;padding-top:85px;overflow:hidden}
.spike-intro::before{content:"";position:absolute;inset:0;z-index:-2;background-color:#060815;background-image:linear-gradient(180deg,#060815 0%,transparent 22%,transparent 88%,#060815 100%),url('/images/landing/earth-orbital-v13.webp');background-position:center,center calc(485px - 34.4vw);background-size:100% 100%,100% auto;background-repeat:no-repeat;background-blend-mode:normal,lighten;filter:none;opacity:1;pointer-events:none}
.spike-hero{width:100%;margin-inline:0;overflow:visible;isolation:auto}
.spike-hero-copy{width:min(1440px,calc(100% - 2 * var(--spike-page-gutter)));margin-inline:auto}
.spike-hero-lattice{z-index:-1;top:-85px;opacity:.9}
.spike-intro .spike-benefits>div{background:rgba(6,8,21,.5);border-color:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.spike-closing{background:#1c0c0d}
.spike-closing-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#1c0c0d}
.spike-closing-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;transform:scale(2.3);transform-origin:82% 90%}
.spike-closing-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#140c0de6,#140c0d99 42%,#140c0d26 72%,transparent),linear-gradient(0deg,#140c0d66,transparent 40%)}
.spike-life{margin-top:var(--spike-section-space)}
.spike-life-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.spike-life-gallery::-webkit-scrollbar{display:none}
.spike-life-gallery:focus-visible{outline:2px solid var(--spike-brand);outline-offset:6px;border-radius:18px}
.spike-life-copy{margin-bottom:var(--spike-heading-space)}
.spike-life .spike-kicker{font-size:13px;letter-spacing:.22em;margin-bottom:24px}
.spike-life h2{font-size:clamp(44px,5.2vw,72px);line-height:1.04;letter-spacing:-.055em;font-weight:700}
.spike-life-photo{margin:0;min-width:0;overflow:hidden;border-radius:18px;background:#17120e;scroll-snap-align:start}
.spike-life-photo picture,.spike-life-photo img{display:block;width:100%}
.spike-life-photo img{height:auto;aspect-ratio:4/5;object-fit:cover}

@media(max-width:1024px){
  body.spike-landing{--spike-page-gutter:24px;--spike-section-space:64px}
  .spike-statistics.spike-benefits{padding-block:32px 48px}
  .spike-benefits>div{min-height:140px}
  html{scroll-padding-top:104px}
  .spike-header-inner{height:84px;padding-inline:0;gap:24px}
  .spike-navigation,.spike-header-actions{display:none}
  .spike-menu-toggle{display:flex}
  .spike-mobile-navigation{padding:8px 16px 20px}
  .spike-hero-copy{padding:72px 0 64px}
  .spike-intro::before{background-image:linear-gradient(180deg,#060815 0%,#060815dd 34%,transparent 45%,transparent 88%,#060815 100%),url('/images/landing/earth-orbital-v13-responsive.webp');background-position:center,center bottom}
  .spike-hero-actions{margin-top:100px}
  .spike-platform{margin-top:0;padding-top:24px}
  .spike-section-heading{margin-bottom:20px}
  .spike-footer-main{grid-template-columns:1.5fr repeat(3,1fr);gap:20px}
  .spike-closing{padding:32px}
}
@media(max-width:767px){
  body.spike-landing{--spike-page-gutter:20px;--spike-section-space:56px;--spike-heading-space:24px}
  .spike-statistics.spike-benefits{padding-block:24px 32px}
  .spike-benefits>div{min-height:132px}
  html{scroll-padding-top:96px}
  .spike-header-inner{height:76px}
  .spike-wordmark{font-size:22px}
  .spike-wordmark .spike-mark{width:28px;height:28px}
  .spike-hero-copy{padding:72px 0 64px}
  .spike-eyebrow{font-size:12px;letter-spacing:.04em;gap:10px;padding:10px 12px;min-height:44px;margin-bottom:24px}
  .spike-eyebrow .spike-built-okx{width:52px}
  .spike-eyebrow .spike-built-tradingview{width:120px}
  .spike-built-divider{height:18px}
  .spike-hero h1{font-size:clamp(25px,5.8vw,36px);line-height:1.23;letter-spacing:-.035em;text-wrap:balance}
  .spike-hero h1>span{font-size:inherit;margin-top:12px;text-wrap:balance}
  .spike-hero-actions{margin-top:100px;display:block}
  .spike-hero-actions .spike-button{width:100%;min-width:0;min-height:48px;padding:15px 20px;font-size:16px;line-height:16px}
  .spike-intro{margin-top:-77px;padding-top:77px}
  .spike-hero-lattice{top:-77px}
  .spike-intro::before{background-image:linear-gradient(180deg,#060815 0%,#060815f2 38%,transparent 51%,transparent 88%,#060815 100%),url('/images/landing/earth-orbital-v13-mobile.webp');background-position:center,8% bottom;background-size:100% 100%,auto calc(100% + 150px);opacity:.9}
  .spike-closing-art img{object-position:68% center;transform:scale(1.35);transform-origin:68% 100%}
  .spike-closing-art::after{background:linear-gradient(90deg,#140c0de6,#140c0dcc 55%,#140c0d66),linear-gradient(0deg,#140c0d80,transparent 40%)}
  .spike-section-heading h2{font-size:28px}
  .spike-section-heading>p:not(.spike-kicker){font-size:15px}

  .spike-life-gallery{grid-auto-columns:88%}
  .spike-life-copy{padding:0}
  .spike-life .spike-kicker{font-size:11px;margin-bottom:16px}
  .spike-life h2{font-size:42px;line-height:1.08}
  .spike-life h2 br{display:none}
  .spike-life-photo{border-radius:12px}
  .spike-platform .spike-section-heading h2{font-size:30px;text-wrap:balance}
  .spike-platform-toolbar{padding:12px;font-size:12px;gap:8px}
  .spike-platform-toolbar>span:last-child{font-size:10px}
  .spike-platform-preview{aspect-ratio:1.5}
  .spike-faq{padding-inline:0}
  .spike-faq-list{gap:10px}
  .spike-faq details{border-radius:8px}
  .spike-faq summary{padding:16px 18px;font-size:14px;line-height:1.4;gap:20px}
  .spike-faq details>p{padding:0 18px 16px;font-size:14px}
  .spike-closing{min-height:420px;padding:32px 24px}
  .spike-closing .spike-section-heading{width:100%}
  .spike-closing .spike-section-heading h2{font-size:32px;text-wrap:balance}
  .spike-closing .spike-section-heading>p{max-width:82%;font-size:16px}
  .spike-footer-main{grid-template-columns:1fr;gap:24px;padding-block:30px}
  .spike-footer-main h2{font-size:15px}
  .spike-footer-main>div:not(:first-child) a{font-size:15px;line-height:24px}
  .spike-footer-legal{font-size:11px;padding:24px 0 30px}
  .spike-legal-details{font-size:14px}
}
@media(max-width:380px){
  .spike-eyebrow{font-size:10px;gap:8px;padding-inline:9px}
  .spike-eyebrow .spike-built-okx{width:44px}
  .spike-eyebrow .spike-built-tradingview{width:102px}
  .spike-benefits .spike-benefit-integration strong{font-size:22px;gap:8px}
  .spike-benefit-integration img{width:28px;height:28px}
}

/* Animated sign-in artwork: continuous landscape, independent opaque rocket. */
.spike-launch-scene{position:absolute;top:0;right:0;width:38%;height:100%;pointer-events:none;overflow:hidden}
.spike-launch-craft{position:absolute;top:40px;left:50%;width:210px;height:315px;margin-left:-105px;animation:spike-liftoff 9s ease-in-out infinite alternate;animation-play-state:paused}
.spike-closing-starship{position:relative;width:100%;height:100%;object-fit:contain;filter:saturate(.7) brightness(.85);z-index:1}
.spike-launch-exhaust{position:absolute;top:94.8%;left:calc(50% - 14px);width:28px;height:120px;background:radial-gradient(ellipse at 50% 0,#fff6e8 0%,#ffe0acde 15%,#f4984966 39%,transparent 73%);filter:blur(1px);transform-origin:50% 0;animation:spike-exhaust .65s ease-in-out infinite alternate;animation-play-state:paused}
.spike-closing.is-launching .spike-launch-craft,.spike-closing.is-launching .spike-launch-exhaust{animation-play-state:running}
@keyframes spike-liftoff{from{transform:translateY(20px)}to{transform:translateY(-18px)}}
@keyframes spike-exhaust{from{transform:scale(.96,1);opacity:.85}to{transform:scale(1.04,1.1);opacity:1}}
@media(max-width:767px){.spike-challenges .spike-section-heading h2{text-wrap:balance}.spike-launch-scene{right:-24px;width:42%;z-index:-1}.spike-launch-craft{top:112px;left:50%;width:160px;height:240px;margin-left:-70px}.spike-closing-starship{filter:saturate(.7) brightness(.5)}}
@media(prefers-reduced-motion:reduce){.spike-launch-craft,.spike-launch-exhaust{animation:none;transform:none}}

/* Responsive refinement: compact entry, accessible controls, uninterrupted artwork. */
body.spike-landing :is(a,button,summary):focus-visible{outline:2px solid var(--spike-brand);outline-offset:4px}
.spike-wordmark{min-height:44px}
.spike-life-photo-rally img{object-position:50% 82%}
.spike-legal-details summary{min-height:44px;display:flex;align-items:center;gap:8px}
@media(max-width:1024px){
  .spike-header.is-menu-open{background:#0b0b0b;backdrop-filter:none;-webkit-backdrop-filter:none}
  .spike-menu-toggle[aria-expanded="true"]{background:transparent;border-color:#ffffff70;border-radius:14px}
  .spike-mobile-navigation{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 85px);overflow-y:auto;overscroll-behavior:contain;padding:0 0 env(safe-area-inset-bottom);background:#0b0b0b;border-bottom:1px solid #ffffff1a;box-shadow:0 20px 32px #0004}
  .spike-mobile-links>a{min-height:58px;padding:13px var(--spike-page-gutter);border-bottom:1px solid #ffffff12;border-radius:0;font-size:22px;line-height:1.4;color:#f5f5f5}
  .spike-mobile-links>a[aria-current]{color:var(--spike-brand)}
  .spike-mobile-links>a:hover{background:#ffffff06}
  .spike-mobile-actions{display:grid;gap:16px;padding:24px var(--spike-page-gutter)}
  .spike-mobile-actions>.spike-menu-action{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 16px;border-radius:8px;background:var(--spike-brand);color:#09090b;font-size:18px;font-weight:700;line-height:1.4;text-align:center}
  .spike-mobile-actions>.spike-menu-action:hover{background:#69f6b8}
  /* Log in en second rôle : bordure fine, pas un deuxième CTA vert */
  .spike-mobile-actions>.spike-menu-action.is-ghost{background:transparent;border:1px solid var(--spike-border-control,#3a3a3a);color:var(--spike-text,#f3f3f3);font-weight:500}
  .spike-mobile-actions>.spike-menu-action.is-ghost:hover{background:#ffffff0f}
  .spike-statistics.spike-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .spike-benefits>div{padding:24px 12px;min-height:128px}
  .spike-benefits strong{font-size:34px}
  .spike-benefits span{font-size:16px}
  .spike-benefits .spike-benefit-integration strong{font-size:23px;gap:8px}
  .spike-benefit-integration img{width:28px;height:28px}
}
@media(max-width:767px){
  .spike-mobile-navigation{max-height:calc(100dvh - 65px)}
  .spike-hero-copy{padding:48px 0 32px}
  .spike-hero h1>span{max-width:500px;margin-inline:auto}
  .spike-hero h1 em{white-space:nowrap}
  .spike-hero-actions{margin-top:72px}
  .spike-hero-actions .spike-button{min-height:52px}
  .spike-statistics.spike-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-block:20px 32px}
  .spike-benefits>div{min-height:112px;padding:18px 10px;gap:10px;border-radius:12px}
  .spike-benefits strong{font-size:32px}
  .spike-benefits span{font-size:14px;line-height:1.4}
  .spike-benefits .spike-benefit-integration{grid-column:1/-1;min-height:84px;flex-direction:row;align-items:center;gap:16px;padding:16px}
  .spike-benefits .spike-benefit-integration strong{font-size:24px;min-height:0}
  .spike-benefits .spike-benefit-integration span{max-width:80px;text-align:left}
  .spike-intro::before{background-position:center,12% bottom;background-size:100% 100%,auto calc(100% + 60px)}
  .spike-life h2{font-size:clamp(36px,7.5vw,48px);max-width:580px;text-wrap:balance}
  .spike-life-gallery{gap:16px}
  .spike-faq summary,.spike-faq details>p{font-size:15px}
  .spike-closing{min-height:0;padding:28px;justify-content:flex-start;border-radius:16px}
  .spike-closing .spike-section-heading{margin-bottom:24px}
  .spike-closing .spike-section-heading>.spike-mark{width:34px;height:34px;margin-bottom:24px}
  .spike-closing .spike-section-heading h2{font-size:clamp(30px,6vw,36px);text-wrap:initial}
  .spike-closing .spike-section-heading>p{max-width:100%;font-size:16px}
  .spike-closing>.spike-button{width:100%;min-height:52px;padding-inline:12px}
  .spike-closing-art img{object-position:80% center;transform:scale(1.35);transform-origin:80% 90%}
  .spike-closing-art::after{background:linear-gradient(180deg,#140c0df5 0%,#140c0dbb 40%,#140c0d22 75%,#140c0d44)}
  .spike-launch-scene{position:relative;order:3;flex:none;right:auto;top:auto;width:calc(100% + 56px);height:270px;margin:16px -28px -28px;z-index:0;overflow:visible}
  .spike-launch-craft{top:0;left:65%;width:160px;height:240px;margin-left:-80px}
  .spike-closing-starship{filter:saturate(.7) brightness(.85)}
  .spike-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding-block:32px}
  .spike-footer-main>div:first-child,.spike-footer-main>div:last-child{grid-column:1/-1}
  .spike-footer-main h2{margin-bottom:8px}
  .spike-footer-main>div:not(:first-child) a{display:flex;align-items:center;min-height:44px;margin:0;line-height:1.4}
  .spike-footer-main>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .spike-footer-main>div:last-child h2,.spike-footer-main .spike-legal-details{grid-column:1/-1}
}
@media(min-width:600px) and (max-width:767px){
  .spike-closing{padding:32px;min-height:440px;justify-content:center}
  .spike-closing .spike-section-heading{width:65%}
  .spike-closing>.spike-button{width:auto}
  .spike-launch-scene{position:absolute;inset:0 0 0 auto;width:34%;height:100%;margin:0;z-index:0}
  .spike-launch-craft{top:70px;left:50%;width:180px;height:270px;margin-left:-90px}
  .spike-closing-art::after{background:linear-gradient(90deg,#140c0de6,#140c0d99 55%,transparent)}
}
@media(prefers-reduced-motion:reduce){.spike-faq details:hover{transform:none}}

.spike-menu-close,.spike-menu-toggle[aria-expanded="true"] .spike-menu-open{display:none}
.spike-menu-toggle[aria-expanded="true"] .spike-menu-close{display:block}
@media(min-width:768px) and (max-width:1024px){
  .spike-intro::before{background-position:center,center calc(100% + 64px)}
}
@media(min-width:1025px) and (max-width:1439px){
  .spike-intro::before{background-image:linear-gradient(180deg,#060815 0%,#060815d9 40%,transparent 55%,transparent 88%,#060815 100%),url('/images/landing/earth-orbital-v13-responsive.webp')}
}

/* Native swipe carousel: three full photos on desktop, two on tablet. */
@media(min-width:600px) and (max-width:1024px){
  .spike-life-gallery{grid-auto-columns:calc((100% - 20px)/2);gap:20px}
}

/* Finer hero honeycomb contours. */
.spike-hero-lattice path{stroke-width:.5}

/* Mobile uses its own orbital composition instead of stretching the desktop
   backdrop to the combined height of the headline and benefit cards. */
.spike-hero-orbit{display:none}
@media(max-width:767px){
  .spike-intro{min-height:0}
  .spike-intro::before{display:none}
  .spike-hero-copy{padding:28px 0 0;text-align:center}
  .spike-eyebrow{margin-bottom:24px;min-height:32px;padding:7px 12px;gap:9px;font-size:10px;letter-spacing:.04em;background:#ffffff04;border-color:#ffffff20;box-shadow:none}
  .spike-eyebrow .spike-built-okx{width:42px}
  .spike-eyebrow .spike-built-tradingview{width:106px}
  .spike-built-divider{height:16px}
  .spike-hero h1{font-size:clamp(42px,11.8vw,68px);line-height:1.02;letter-spacing:-.055em;max-width:580px;margin-inline:auto}
  .spike-hero h1>span{font-size:inherit;line-height:inherit;margin-top:12px;margin-inline:auto;max-width:none;letter-spacing:inherit}
  .spike-hero-lead{display:block}
  .spike-hero h1 em{display:block;margin-top:2px}
  .spike-hero-orbit{display:block;height:clamp(152px,42vw,250px);margin:0 calc(-1 * var(--spike-page-gutter));background:#060815 image-set(url('/images/landing/earth-orbital-v13-mobile.webp') 1x,url('/images/landing/earth-orbital-v13-responsive.webp') 2x) center bottom / 100% auto no-repeat;background-blend-mode:lighten;filter:brightness(1.12);mask-image:linear-gradient(transparent,#000 8%,#000 75%,transparent)}
  .spike-hero-actions{position:relative;margin-top:-24px;z-index:1}
  .spike-hero-actions .spike-button{min-height:52px;border-radius:10px;font-size:17px}
  .spike-statistics.spike-benefits{padding:22px 0 0;margin-bottom:12px;gap:0}
  .spike-intro .spike-benefits>div{min-height:82px;padding:12px 6px;gap:8px;border:0;border-radius:0;background:transparent}
  .spike-benefits>div:nth-child(2){border-left:1px solid #ffffff20}
  .spike-benefits strong{font-size:30px;letter-spacing:-.04em}
  .spike-benefits span{font-size:12px;line-height:1.3}
  .spike-intro .spike-benefits .spike-benefit-integration{min-height:56px;margin-top:14px;padding:14px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;gap:12px}
  .spike-benefits .spike-benefit-integration strong{font-size:18px;gap:7px}
  .spike-benefit-integration img{width:24px;height:24px}
  .spike-benefits .spike-benefit-integration span{max-width:none;font-size:12px;white-space:nowrap}
  .spike-header-inner{height:64px}
  .spike-intro{margin-top:-65px;padding-top:65px}
}
@media(max-width:599px){
  .spike-closing{padding:24px;border-radius:16px}
  .spike-closing .spike-section-heading{margin-bottom:20px}
  .spike-closing .spike-section-heading>.spike-mark{width:28px;height:28px;margin-bottom:16px}
  .spike-closing .spike-section-heading h2{font-size:clamp(26px,6.7vw,32px);line-height:1.15}
  .spike-closing>.spike-button{min-height:50px;font-size:16px}
  .spike-closing-art img{transform:scale(1.15);object-position:75% bottom;transform-origin:75% bottom}
  .spike-launch-scene{width:calc(100% + 48px);height:220px;margin:12px -24px -24px}
  .spike-launch-craft{top:-8px;left:62%;width:136px;height:204px;margin-left:-68px}
  .spike-launch-exhaust{left:calc(50% - 11px);width:22px;height:90px}
}

/* The repeated artwork is decoded once, outside the document's SVG tree. */
.spike-hero-lattice>img{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;height:auto;max-width:none;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 92%)}
/* One paint layer per photo; no effects repaint outside a carousel card. */
.spike-life-photo{contain:paint}
@media(max-width:767px){.spike-intro .spike-benefits>div{backdrop-filter:none;-webkit-backdrop-filter:none}.spike-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}

/* Partners beneath the terminal preview; all assets are served locally. */
.spike-supporters{margin-top:36px;padding:32px 0 36px;border-bottom:1px solid var(--spike-border);text-align:center}
.spike-supporters>p{margin:0;color:#999;font-size:15px;line-height:1.4;letter-spacing:.12em}
.spike-supporter-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:40px;list-style:none;padding:0;margin:28px 0 0}
.spike-supporter-logos li{display:flex;align-items:center;justify-content:center;min-width:0;height:58px}
.spike-supporter-logos img{display:block;object-fit:contain;max-width:100%;opacity:.7}
.spike-supporter-rise{width:121px;height:41px;filter:grayscale(1) invert(1)}
.spike-supporter-sumsub{width:210px;height:84px;filter:brightness(0) invert(1)}
.spike-supporter-match2pay{width:180px;height:40px;filter:brightness(0) invert(1)}
.spike-supporter-tradingview{width:180px;height:40px}
@media(max-width:767px){
 .spike-supporters{margin-top:24px;padding:24px 0 28px}
 .spike-supporters>p{font-size:12px;letter-spacing:.1em}
 .spike-supporter-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:20px}
 .spike-supporter-logos li{height:42px}
 .spike-supporter-rise{width:98px;height:33px}
 .spike-supporter-sumsub{width:164px;height:66px}
 .spike-supporter-match2pay,.spike-supporter-tradingview{width:145px;height:32px}
}

/* Keep the orbital artwork slightly smaller on wide screens, with soft edges. */
@media(min-width:1440px){
  .spike-intro::before{
    background-image:linear-gradient(90deg,#060815 0%,transparent 12%,transparent 88%,#060815 100%),linear-gradient(180deg,#060815 0%,transparent 14%,transparent 76%,#060815 100%),url('/images/landing/earth-orbital-v13.webp');
    background-size:92% 61.3333vw;
    background-position:center calc(525px - 31.648vw);
    background-blend-mode:normal,normal,lighten;
  }
}

/* Desktop proportions requested from the 75% browser reference.
   Use layout dimensions so browser zoom and mobile accessibility remain native. */
@media(min-width:1025px){
  body.spike-landing{--spike-section-space:60px;--spike-heading-space:24px}
  html{scroll-padding-top:80px}
  .spike-header-inner{height:63px;max-width:855px;gap:24px}
  .spike-header .spike-wordmark{font-size:18px;gap:8px}
  .spike-header .spike-wordmark .spike-mark{width:24px;height:24px}
  .spike-navigation,.spike-header-actions{gap:21px}
  .spike-navigation a,.spike-login{font-size:14px}
  .spike-intro{margin-top:-64px;padding-top:64px}
  .spike-intro::before{
    background-image:linear-gradient(90deg,#060815 0%,transparent 12%,transparent 88%,#060815 100%),linear-gradient(180deg,#060815 0%,transparent 14%,transparent 76%,#060815 100%),url('/images/landing/earth-orbital-v13.webp');
    background-size:92% 61.3333vw;
    background-position:center calc(394px - 31.648vw);
    background-blend-mode:normal,normal,lighten;
  }
  .spike-hero-copy{width:min(1080px,calc(100% - 2 * var(--spike-page-gutter)));padding:78px 0 48px}
  .spike-hero-lattice{top:-64px}
  .spike-hero h1{font-size:clamp(44px,5.6vw,60px)}
  .spike-hero h1>span{margin-top:6px}
  .spike-eyebrow{min-height:39px;padding:9px 17px;gap:14px;margin-bottom:36px;font-size:12px}
  .spike-eyebrow .spike-built-okx{width:54px}
  .spike-eyebrow .spike-built-tradingview{width:116px}
  .spike-built-divider{height:17px}
  .spike-hero-actions{margin-top:81px}
  .spike-button-plan{min-width:165px;min-height:48px;padding:12px 21px;font-size:17px;line-height:21px;gap:12px}
  .spike-statistics.spike-benefits{width:min(855px,calc(100% - 2 * var(--spike-page-gutter)));gap:18px;padding-block:24px 48px}
  .spike-benefits>div{flex-basis:195px;min-height:112px;padding:18px;gap:9px;border-radius:12px}
  .spike-benefits strong{font-size:36px}
  .spike-benefits span{font-size:16px}
  .spike-benefits .spike-benefit-integration strong{min-height:36px;font-size:24px;gap:8px}
  .spike-benefit-integration img{width:24px;height:24px}
  .spike-section,.spike-challenges,.spike-footer-main,.spike-footer-legal{max-width:855px}
  /* Offer typography keeps its native scale, so retain the wider three-card rail. */
  .spike-challenges{max-width:1140px}
  .spike-platform{padding-top:24px}
  .spike-platform .spike-section-heading h2{font-size:33px}
  .spike-section-heading h2{font-size:27px}
  .spike-life h2{font-size:54px}
  .spike-closing .spike-section-heading h2{font-size:33px}
}
.spike-cookies{position:fixed;left:24px;bottom:24px;z-index:60;width:min(440px,calc(100vw - 48px));padding:24px;border:1px solid var(--spike-border);border-radius:16px;background:var(--spike-surface);color:var(--spike-text);box-shadow:0 16px 48px #0009}
.spike-cookies[hidden]{display:none}
.spike-cookies h2{margin:0 0 8px;font-size:18px;font-weight:700;line-height:26px}
.spike-cookies p{margin:0;font-size:14px;line-height:22px;color:var(--spike-text-secondary)}
.spike-cookies p a,.spike-cookies-choose{color:var(--spike-text);text-decoration:underline;text-underline-offset:3px}
.spike-cookies-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.spike-cookies-actions button{min-height:44px;padding:10px 20px;border:1px solid var(--spike-border-control,var(--spike-border));border-radius:999px;background:transparent;color:var(--spike-text);font-size:14px;font-weight:700;line-height:22px;cursor:pointer;transition:background .15s,border-color .15s}
.spike-cookies-actions button:hover{background:var(--spike-control-hover,#ffffff0f)}
.spike-cookies-actions button:focus-visible,.spike-cookies a:focus-visible{outline:2px solid #fafafa;outline-offset:3px}
.spike-cookies-choose{margin-left:4px;font-size:14px;font-weight:500;line-height:22px}
@media (max-width:599px){.spike-cookies{left:16px;right:16px;bottom:16px;width:auto;padding:20px}.spike-cookies-actions button{flex:1}}
/* Hero: frosted actions */
.spike-button-plan{border-color:#c4ffe4b3;background:linear-gradient(180deg,#6af7bcf2,#3df2a3e0);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 8px 28px #3df2a333,0 0 36px #3df2a326,inset 0 1px 0 #ffffff8c,inset 0 -1px 0 #0000001f}
.spike-button-plan:hover{background:linear-gradient(180deg,#85f9cbf7,#55f4afeb);border-color:#d2ffebd9}
.spike-button-glass{min-width:220px;max-width:100%;min-height:64px;padding:16px 28px;gap:12px;border:1px solid #ffffff2e;border-radius:6px;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);color:var(--spike-text);font-size:22px;font-weight:700;line-height:28px;letter-spacing:-.025em;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 20px #0003,inset 0 1px 0 #ffffff26;transition:background .15s,border-color .15s}
.spike-button-glass:hover{background:linear-gradient(180deg,#ffffff2b,#ffffff12);border-color:#ffffff47}.spike-button-glass:focus-visible{outline:2px solid #fafafa;outline-offset:5px}
.spike-button-glass svg{width:20px;height:20px}
/* Platform: desktop monitor + phone */
.spike-devices-kicker{margin-bottom:18px;color:#3df2a3;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.spike-platform .spike-devices-heading h2{font-size:clamp(38px,4.4vw,64px);line-height:1.04;letter-spacing:-.05em}
.spike-platform .spike-devices-heading>p:not(.spike-kicker){max-width:640px;margin-top:20px;font-size:18px;line-height:1.55;text-wrap:balance}
.spike-devices{container-type:inline-size;position:relative;max-width:1080px;margin:56px auto 0;padding:0 4% 4% 0}
.spike-devices-glow{position:absolute;left:6%;right:12%;top:-10%;height:55%;border-radius:50%;background:radial-gradient(closest-side,#3df2a347,#3df2a314 55%,transparent);filter:blur(60px);pointer-events:none}
.spike-device-monitor{position:relative;margin:0}
.spike-device-screen{position:relative;padding:1.7%;border:1px solid #ffffff17;border-radius:16px;background:#050506;box-shadow:0 0 0 1px #000,0 -14px 60px -18px #3df2a366,0 60px 110px -40px #000}
.spike-device-screen::before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#3df2a3aa,transparent)}
.spike-device-screen img{width:100%;height:auto;border-radius:6px;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.spike-device-screen::after{content:"";position:absolute;inset:1.7%;border-radius:6px;background:linear-gradient(120deg,#ffffff0f,transparent 32%);pointer-events:none}
.spike-device-camera{position:absolute;top:.6%;left:50%;width:4px;height:4px;border-radius:50%;background:#2c2e33;transform:translateX(-50%)}
.spike-device-stand{position:relative;width:100%;aspect-ratio:3.7;margin:0}
.spike-device-stand::before{content:"";position:absolute;top:0;bottom:0;left:38%;width:24%;background:linear-gradient(180deg,#000a,#0000 14%),linear-gradient(90deg,#26272c,#3f4147 30%,#4b4d53 50%,#3f4147 70%,#26272c);-webkit-mask-image:radial-gradient(ellipse 29% 17% at 50% 0,#0000 97%,#000),linear-gradient(180deg,#000 35%,#0000 92%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 29% 17% at 50% 0,#0000 97%,#000),linear-gradient(180deg,#000 35%,#0000 92%);mask-composite:intersect}
.spike-device-phone{position:absolute;right:1%;top:24cqw;width:36%;height:auto;margin:0;filter:drop-shadow(24px 40px 40px #000c) drop-shadow(0 0 32px #3df2a32e);animation:spike-phone-float 4s ease-in-out infinite}
@keyframes spike-phone-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.spike-device-phone{animation:none}}
@keyframes spike-device-rise{from{opacity:0;transform:translateY(64px) scale(.96)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){
  .spike-device-monitor{animation:spike-device-rise linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
}}
@media(max-width:767px){
  .spike-hero-actions{display:grid;gap:12px}
  .spike-button-glass{width:100%;min-width:0;min-height:52px;padding:15px 20px;border-radius:10px;font-size:17px;line-height:16px}
  .spike-platform .spike-devices-heading h2{font-size:clamp(32px,9.4vw,40px)}
  .spike-platform .spike-devices-heading>p:not(.spike-kicker){font-size:15px}
  .spike-devices{margin-top:36px;padding:0 0 16%}
  .spike-device-screen{padding:4px;border-radius:12px}.spike-device-screen img,.spike-device-screen::after{border-radius:8px}.spike-device-screen::after{inset:4px}.spike-device-camera{display:none}
  .spike-devices{padding:0 2% 12% 0}
  .spike-device-phone{right:0;width:42%}
}
@media(min-width:1025px){.spike-button-glass{min-width:165px;min-height:48px;padding:12px 21px;font-size:17px;line-height:21px}.spike-button-glass svg{width:18px;height:18px}}
/* Closing: Spiked headline + both actions */
.spike-closing .spike-section-heading h2{font-size:clamp(36px,3.6vw,54px);line-height:1.05;letter-spacing:-.045em}
.spike-closing .spike-section-heading h2 em{font-style:normal;color:#62f8ab;background-image:linear-gradient(110deg,#c4ffe0 0%,#62f8ab 45%,#20d990 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.spike-closing .spike-section-heading>p{max-width:460px;margin-top:18px;color:#ffffffb8;font-size:17px;line-height:1.55}
.spike-closing-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px}
@media(min-width:1025px){.spike-closing-actions .spike-button{min-width:180px;min-height:52px;padding:13px 24px;font-size:17px;line-height:21px}}
@media(max-width:767px){.spike-closing .spike-section-heading h2{font-size:34px}.spike-closing .spike-section-heading>p{max-width:none;font-size:15px}.spike-closing-actions{display:grid;width:100%}.spike-closing-actions .spike-button{width:100%;min-width:0;min-height:52px;border-radius:10px;font-size:17px}}
@media(forced-colors:active){.spike-closing .spike-section-heading h2 em{background:none;-webkit-text-fill-color:CanvasText}}

/* Header: Log in (glass) + Start trading */
.spike-header-actions{gap:10px}
.spike-header-actions .spike-header-start{gap:8px}.spike-header-actions .spike-header-start svg{width:16px;height:16px}
.spike-header-actions .spike-login-glass{border-color:#ffffff2e;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);color:var(--spike-text);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff26}
.spike-header-actions .spike-login-glass:hover{border-color:#ffffff47;background:linear-gradient(180deg,#ffffff2b,#ffffff12);color:var(--spike-text)}

.spike-closing.spike-closing-immersive{width:100vw;max-width:none;min-height:760px;margin:var(--spike-section-space) calc(50% - 50vw) 0;padding:120px 24px 0;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:#060815}
.spike-closing.spike-closing-immersive .spike-section-heading{width:auto;max-width:760px;margin:0 auto 32px;text-align:center}
.spike-closing.spike-closing-immersive .spike-section-heading>.spike-mark{margin:0 auto 28px}
.spike-closing.spike-closing-immersive .spike-section-heading h2{font-size:clamp(44px,5.4vw,76px);line-height:1.02;letter-spacing:-.05em;max-width:none;text-wrap:balance}
.spike-closing.spike-closing-immersive .spike-closing-actions{justify-content:center}
.spike-closing.spike-closing-immersive .spike-closing-art img{transform:scale(1.08);transform-origin:50% 100%;object-position:50% 70%;filter:blur(1.5px) saturate(.9)}
.spike-closing.spike-closing-immersive .spike-closing-art::after{background:radial-gradient(ellipse 46% 52% at 50% 30%,#120a0bd9,#120a0b80 55%,transparent 80%),linear-gradient(180deg,#060815 0%,#06081500 22%,#06081500 72%,#060815 100%)}
.spike-closing.spike-closing-immersive .spike-launch-scene{position:absolute;inset:auto 0 0 0;width:auto;height:52%;margin:0;z-index:0;overflow:visible}
.spike-closing.spike-closing-immersive .spike-launch-craft{top:auto;bottom:16%;left:50%;width:170px;height:255px;margin-left:-85px}
.spike-closing-immersive .spike-section-heading,.spike-closing-immersive .spike-closing-actions{position:relative;z-index:3}
@media(max-width:767px){
  .spike-closing.spike-closing-immersive{min-height:640px;padding:80px var(--spike-page-gutter) 0}
  .spike-closing.spike-closing-immersive .spike-section-heading h2{font-size:clamp(36px,10.5vw,46px)}
  .spike-closing.spike-closing-immersive .spike-closing-actions{width:100%}
  .spike-closing.spike-closing-immersive .spike-closing-art img{transform:scale(1.6);transform-origin:62% 100%;object-position:62% 80%}
  .spike-closing.spike-closing-immersive .spike-launch-scene{height:46%}
  .spike-closing.spike-closing-immersive .spike-launch-craft{width:130px;height:195px;margin-left:-65px}
}
html,body{overflow-x:clip}
/* Closing: rocket integrated into the Mars scene */
.spike-closing.spike-closing-immersive .spike-launch-craft{bottom:15%;width:156px;height:234px;margin-left:-78px}
.spike-closing.spike-closing-immersive .spike-closing-starship{filter:sepia(.35) saturate(1.15) hue-rotate(-12deg) brightness(.78) contrast(1.08) drop-shadow(-6px 0 10px #00000099) drop-shadow(3px -2px 6px #ff7a3a40)}
.spike-closing.spike-closing-immersive .spike-launch-craft::before{content:"";position:absolute;inset:4% 26% 8% 44%;z-index:2;border-radius:40%;background:linear-gradient(90deg,transparent,#ffb27a1f 60%,#ffc89633);mix-blend-mode:screen;filter:blur(4px);pointer-events:none}
.spike-closing-ground{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;pointer-events:none}
.spike-closing-ground::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06081500 0%,#1a0c0a59 45%,#060815 96%)}
.spike-ground-glow{position:absolute;left:50%;bottom:12%;width:min(420px,70vw);height:160px;transform:translateX(-50%);background:radial-gradient(ellipse 40% 42% at 50% 60%,#ffcf9a99 0%,#ff8a3f5c 26%,#d2482426 52%,transparent 74%);mix-blend-mode:screen;filter:blur(8px)}
.spike-ground-smoke{position:absolute;left:50%;bottom:-4%;width:min(1100px,130vw);height:44%;transform:translateX(-50%);background:radial-gradient(ellipse 12% 34% at 50% 66%,#b98d7a8c,#7a54462e 50%,transparent 74%),radial-gradient(ellipse 24% 32% at 40% 80%,#5a3a30a6,transparent 72%),radial-gradient(ellipse 24% 32% at 60% 80%,#5a3a30a6,transparent 72%),radial-gradient(ellipse 46% 40% at 50% 96%,#1d100ce6,transparent 78%);filter:blur(10px);animation:spike-smoke 7s ease-in-out infinite alternate}
@keyframes spike-smoke{from{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.06,1.1)}}
.spike-closing.spike-closing-immersive .spike-launch-exhaust{z-index:0}
.spike-closing.spike-closing-immersive .spike-closing-orbit{z-index:2}
@media(prefers-reduced-motion:reduce){.spike-ground-smoke{animation:none}}
@media(max-width:767px){
  .spike-closing.spike-closing-immersive .spike-launch-craft{bottom:10%;width:118px;height:177px;margin-left:-59px}
  .spike-closing-ground{height:30%}
  .spike-ground-glow{height:170px}
}
/* Closing: community line, orbiting features, rocket on the right */
.spike-closing.spike-closing-immersive .spike-section-heading>p{max-width:none;margin:18px auto 0;color:#ffffffa6;font-size:clamp(17px,1.4vw,20px);letter-spacing:-.01em}
.spike-closing-orbit{position:absolute;inset:0;z-index:2;pointer-events:none;--cy:42%}
.spike-closing.spike-closing-immersive .spike-launch-craft{left:auto;right:9%;margin-left:0;bottom:12%;width:180px;height:270px}
.spike-closing.spike-closing-immersive .spike-launch-exhaust{left:calc(50% - 14px)}
.spike-ground-glow{left:auto;right:calc(9% + 90px);transform:translateX(50%)}
.spike-ground-smoke{animation-name:spike-smoke-r}
@keyframes spike-smoke-r{from{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.06,1.1)}}
.spike-ground-smoke{left:auto;right:calc(9% + 90px - min(550px,65vw));transform:none;animation:none}
@media(max-width:767px){
  .spike-closing.spike-closing-immersive .spike-launch-craft{right:6%;bottom:9%;width:96px;height:144px}
  .spike-ground-glow{right:calc(6% + 48px)}
  .spike-ground-smoke{right:calc(6% + 48px - 65vw)}
}
/* Closing orbit v2: rotating rings, premium icon badges, travelling light */
.spike-closing-orbit{--cy:42%;--ro:min(960px,80vw);--ri:min(600px,52vw)}
.spike-orbit-ring{position:absolute;left:50%;top:var(--cy);width:var(--d);height:var(--d);translate:-50% -50%;border-radius:50%;animation:spike-orbit-spin var(--t) linear infinite}
.spike-orbit-outer{--d:var(--ro);--t:60s}
.spike-orbit-inner{--d:var(--ri);--t:44s;animation-direction:reverse}
.spike-orbit-ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed #ffffff2e;-webkit-mask:linear-gradient(180deg,#000 0%,#0008 55%,#0000 100%);mask:linear-gradient(180deg,#000 0%,#0008 55%,#0000 100%)}
.spike-orbit-inner::before{border-style:dotted;border-color:#ffffff24}
.spike-orbit-comet{position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,#0000 0deg,#0000 300deg,#3df2a300 300deg,#3df2a3 356deg,#0000 360deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));filter:drop-shadow(0 0 6px #3df2a3)}
.spike-orbit-inner .spike-orbit-comet{background:conic-gradient(from 180deg,#0000 0deg,#0000 310deg,#c4ffe0aa 356deg,#0000 360deg)}
.spike-orbit-ring ul{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.spike-orbit-item{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(calc(var(--d) / 2)) rotate(calc(-1 * var(--a)))}
.spike-orbit-item>span{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:8px;translate:-50% -26px;scale:var(--s,1);animation:spike-orbit-spin var(--t) linear infinite reverse}
.spike-orbit-inner .spike-orbit-item>span{animation-direction:normal;translate:-50% -50%}
.spike-orbit-badge{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#d9ffee;background:radial-gradient(circle at 30% 25%,#ffffff2e,#ffffff08 45%,#0000 70%),linear-gradient(160deg,#26302cf2,#0d1110f2);box-shadow:0 0 0 1px #ffffff1f,inset 0 1px 0 #ffffff33,inset 0 -6px 14px #00000080,0 14px 30px #000000b3,0 0 26px #3df2a326;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.spike-orbit-badge::after{content:"";position:absolute;inset:-1px;border-radius:50%;padding:1px;background:linear-gradient(150deg,#ffffff59,#3df2a333 40%,#0000 60%,#ffffff1f);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.spike-orbit-badge svg{width:22px;height:22px;filter:drop-shadow(0 0 6px #3df2a366)}
.spike-orbit-badge img{width:22px;height:22px;object-fit:contain}
.spike-orbit-badge.is-mono img{filter:brightness(0) invert(1);opacity:.9}
.spike-orbit-item.is-small .spike-orbit-badge{width:40px;height:40px;background:radial-gradient(circle at 30% 25%,#ffffff24,#0000 60%),#141518e6}
.spike-orbit-item.is-small .spike-orbit-badge img{width:18px;height:18px}
.spike-orbit-item em{font-style:normal;font-size:13px;font-weight:600;letter-spacing:-.01em;color:#f4f4f5e6;white-space:nowrap;text-shadow:0 1px 10px #000,0 0 2px #000}
@keyframes spike-orbit-spin{to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.spike-orbit-ring,.spike-orbit-item>span{animation:none}}
@media(max-width:767px){
  .spike-closing-orbit{--cy:36%;--ro:148vw;--ri:94vw}
  .spike-orbit-badge{width:40px;height:40px}.spike-orbit-badge svg,.spike-orbit-badge img{width:18px;height:18px}
  .spike-orbit-item.is-small .spike-orbit-badge{width:32px;height:32px}
  .spike-orbit-item em{font-size:11px}
  .spike-orbit-item>span{gap:5px;translate:-50% -20px}
}
/* Orbit fit: centre the scene so the whole circle stays inside the section */
.spike-closing.spike-closing-immersive{min-height:min(980px,max(760px,calc(min(860px,72vw) + 120px)));padding-top:0;justify-content:center}
.spike-closing-orbit{--cy:50%;--ro:min(860px,72vw);--ri:min(560px,48vw)}
.spike-orbit-item.is-small .spike-orbit-badge{width:44px;height:44px}
.spike-orbit-item.is-small .spike-orbit-badge img{width:24px;height:24px}
@media(max-width:767px){
  .spike-closing.spike-closing-immersive{min-height:720px;padding-top:0}
  .spike-closing-orbit{--cy:46%;--ro:124vw;--ri:88vw}
  .spike-orbit-item em{display:none}
  .spike-orbit-item>span{translate:-50% -50%}
  .spike-orbit-item.is-small .spike-orbit-badge{width:34px;height:34px}.spike-orbit-item.is-small .spike-orbit-badge img{width:18px;height:18px}
}

.spike-closing.spike-closing-immersive{min-height:max(780px,calc(min(55vw,880px) + 160px));padding:0 24px;justify-content:center}
.spike-closing-orbit{--cy:50%;--ro:min(55vw,880px);--ri:min(30vw,480px)}
.spike-orbit-outer{--t:45s}
.spike-orbit-inner{--t:30s}
@media(max-width:767px){
  .spike-closing.spike-closing-immersive{min-height:max(640px,calc(100vw + 220px));padding:0 var(--spike-page-gutter)}
  .spike-closing-orbit{--cy:50%;--ro:100vw;--ri:64vw}
}
@media(max-width:767px){
  .spike-orbit-inner{display:none}
  .spike-closing-orbit{--ro:112vw}
  .spike-closing.spike-closing-immersive{min-height:calc(112vw + 300px)}
}
/* Large screens: full-bleed Earth whose fade is tied to the hero box, never cut flat */
@media(min-width:1440px){
  .spike-intro{min-height:min(100svh,calc(420px + 17vw),880px)}
  .spike-intro::before{
    background-image:radial-gradient(ellipse 70% 120% at 50% 40%,transparent 55%,#060815cc 100%),linear-gradient(180deg,#060815 0%,transparent 12%),url('/images/landing/earth-orbital-v13.webp');
    background-size:100% 100%,100% 100%,100% auto;
    background-position:center,center,center calc(394px - 33.73vw);
    background-repeat:no-repeat;
    background-blend-mode:normal,normal,lighten;
    -webkit-mask-image:linear-gradient(180deg,#000 62%,#0000 100%);mask-image:linear-gradient(180deg,#000 62%,#0000 100%);
  }
}
/* Orbit: trust logos on the inner ring + stronger glowing light trails */
.spike-orbit-comet{inset:-1.5px;background:conic-gradient(from 0deg,#0000 0deg 250deg,#3df2a300 250deg,#3df2a333 300deg,#3df2a3cc 345deg,#d6ffeb 358deg,#0000 360deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));filter:drop-shadow(0 0 4px #3df2a3) drop-shadow(0 0 14px #3df2a399)}
.spike-orbit-comet.is-b{rotate:180deg;opacity:.55}
.spike-orbit-inner .spike-orbit-comet{background:conic-gradient(from 90deg,#0000 0deg 270deg,#c4ffe000 270deg,#c4ffe055 320deg,#e9fff4 358deg,#0000 360deg)}
.spike-orbit-item.is-small .spike-orbit-badge{width:48px;height:48px;background:radial-gradient(circle at 30% 25%,#ffffff26,#0000 60%),#121316eb}
.spike-orbit-item.is-small .spike-orbit-badge img{width:24px;height:24px}
@media(max-width:767px){.spike-orbit-inner{display:block}.spike-closing-orbit{--ri:70vw}.spike-orbit-item.is-small .spike-orbit-badge{width:34px;height:34px}.spike-orbit-item.is-small .spike-orbit-badge img{width:17px;height:17px}}
.spike-orbit-item.is-small .spike-orbit-badge.is-mono{width:96px;height:40px;border-radius:999px}
.spike-orbit-item.is-small .spike-orbit-badge.is-mono img{width:64px;height:20px}
.spike-orbit-item.is-small .spike-orbit-badge.is-mono::after{border-radius:999px}
@media(max-width:767px){.spike-orbit-inner{display:none}}
/* Orbit badges = same glass as the Start trading button; labels legible on the sky */
.spike-orbit-badge,.spike-orbit-item.is-small .spike-orbit-badge{width:56px;height:56px;border-radius:50%;border:1px solid #ffffff2e;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 20px #0003,inset 0 1px 0 #ffffff26;color:#fafafa}
.spike-orbit-badge::after{display:none}
.spike-orbit-badge svg{width:24px;height:24px;filter:none}
.spike-orbit-badge img{width:26px;height:26px}
.spike-orbit-badge.is-mono img{opacity:1}
.spike-orbit-badge img[src$="okx.svg"]{width:34px;height:12px}
.spike-orbit-badge img[src$="tradingview-mark.png"]{width:30px;height:15px}
.spike-orbit-item em{padding:4px 10px;border:1px solid #ffffff1f;border-radius:999px;background:linear-gradient(180deg,#ffffff17,#ffffff08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fafafa;font-size:13px;font-weight:600;text-shadow:none}
.spike-orbit-item>span{gap:8px;translate:-50% -28px}
.spike-closing-orbit{--ro:min(58vw,920px);--ri:min(34vw,520px)}
.spike-orbit-inner{opacity:.8}
@media(max-width:767px){.spike-orbit-badge{width:42px;height:42px}.spike-orbit-badge svg{width:19px;height:19px}.spike-orbit-badge img{width:20px;height:20px}.spike-orbit-badge img[src$="okx.svg"]{width:26px;height:9px}.spike-orbit-badge img[src$="tradingview-mark.png"]{width:23px;height:12px}.spike-orbit-item>span{translate:-50% -50%}.spike-closing-orbit{--ro:112vw}}
@media(max-width:767px){.spike-closing-orbit{--ro:132vw}.spike-closing.spike-closing-immersive{min-height:calc(132vw + 260px)}}
@media(max-width:767px){.spike-closing.spike-closing-immersive .spike-section-heading>p{max-width:250px;text-wrap:balance}.spike-closing.spike-closing-immersive .spike-closing-actions{width:min(100%,280px)}}
/* Orbit: icons only (labels kept for screen readers) */
.spike-orbit-item em{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.spike-orbit-item>span{translate:-50% -50%}
.spike-orbit-comet{display:none}
/* Closing: ghost rocket behind the copy (≈35% opacity, fading upwards) + launch dust */
.spike-closing-rocket{position:absolute;left:50%;bottom:6%;height:88%;z-index:0;translate:-50% 0;pointer-events:none;opacity:.36;-webkit-mask-image:linear-gradient(0deg,#000 35%,#0000 96%);mask-image:linear-gradient(0deg,#000 35%,#0000 96%)}
.spike-closing-rocket img{display:block;height:100%;width:auto;max-width:none;filter:sepia(.3) saturate(1.1) hue-rotate(-10deg) brightness(.9)}
.spike-closing-plume{position:absolute;left:50%;top:97%;width:110px;height:180px;translate:-50% 0;background:radial-gradient(ellipse 30% 60% at 50% 0,#fff4e0 0%,#ffcf8fd9 22%,#f4894a66 52%,transparent 78%);filter:blur(6px)}
.spike-closing-dust{position:absolute;left:-10%;right:-10%;bottom:-6%;height:85%;background:radial-gradient(ellipse 22% 42% at 50% 72%,#e8c3a6c7,#b1806566 50%,transparent 75%),radial-gradient(ellipse 26% 36% at 32% 82%,#9a6a54b3,transparent 72%),radial-gradient(ellipse 26% 36% at 68% 82%,#9a6a54b3,transparent 72%),radial-gradient(ellipse 30% 32% at 14% 92%,#6b4637a6,transparent 72%),radial-gradient(ellipse 30% 32% at 86% 92%,#6b4637a6,transparent 72%),radial-gradient(ellipse 60% 40% at 50% 100%,#2a1712,transparent 80%);filter:blur(14px);opacity:.75;animation:spike-dust 9s ease-in-out infinite alternate}
@keyframes spike-dust{from{transform:translateY(0) scale(1)}to{transform:translateY(-12px) scale(1.04,1.08)}}
@media(prefers-reduced-motion:reduce){.spike-closing-dust{animation:none}}
@media(max-width:767px){.spike-closing-rocket{height:70%;bottom:8%}.spike-closing-plume{width:70px;height:110px}.spike-closing-dust{height:70%}}

@media(max-width:767px){
  .spike-platform{display:flex;flex-direction:column}
  .spike-platform .spike-devices{order:1;max-width:none;margin:8px 0 0;padding:0}
  .spike-platform .spike-device-monitor,.spike-platform .spike-devices-kicker{display:none}
  .spike-platform .spike-device-phone{position:relative;inset:auto;display:block;width:min(88%,380px);margin:0 auto;animation:none}
  .spike-platform .spike-devices-glow{inset:10% 10% 30%}
  .spike-platform .spike-devices-heading{order:2;position:relative;z-index:2;margin:-64vw calc(-1 * var(--spike-page-gutter)) 0;padding:36vw var(--spike-page-gutter) 0;background:linear-gradient(180deg,#06081500 0%,#060815d9 42%,#060815 64%)}
  .spike-platform .spike-devices-heading h2{font-size:clamp(34px,10vw,42px)}
  .spike-platform .spike-supporters{order:3}
}
@media(max-width:767px){.spike-platform .spike-devices-heading h2{font-size:clamp(28px,8.2vw,40px);letter-spacing:-.05em}}
/* Rocket higher, opacity gradient from its top; dust baked into the background layer */
.spike-closing-rocket{bottom:20%;height:78%;opacity:.4;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,#0006 70%,#0000 100%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,#0006 70%,#0000 100%)}
.spike-closing-plume{display:none}
.spike-closing-art .spike-closing-dust{position:absolute;left:50%;bottom:6%;width:min(900px,90vw);height:34%;translate:-50% 0;z-index:0;filter:blur(16px);opacity:.55;background:radial-gradient(ellipse 18% 46% at 50% 42%,#ffe2c2cc,#f0a36a66 45%,transparent 74%),radial-gradient(ellipse 34% 40% at 38% 62%,#a1705999,transparent 72%),radial-gradient(ellipse 34% 40% at 62% 62%,#a1705999,transparent 72%),radial-gradient(ellipse 48% 34% at 50% 80%,#5a3a2e99,transparent 76%);animation:spike-dust 9s ease-in-out infinite alternate}
.spike-closing-ground::before{background:linear-gradient(180deg,#06081500 0%,#06081500 45%,#060815 98%)}
/* Mobile : la fusée VISIBLE au-dessus du titre — plus haute, plus petite,
   un cran plus présente ; son pied fond derrière le texte via le masque. */
@media(max-width:767px){.spike-closing-rocket{bottom:36%;height:54%;opacity:.55}.spike-closing-art .spike-closing-dust{bottom:8%;height:26%}}
/* Thick launch smoke along the bottom of the background */
.spike-closing-art .spike-closing-smoke{position:absolute;left:-10%;right:-10%;bottom:-4%;height:46%;z-index:0;pointer-events:none;filter:blur(22px);opacity:.85;background:radial-gradient(ellipse 22% 55% at 50% 70%,#e6c3a8b3,transparent 72%),radial-gradient(ellipse 20% 50% at 30% 78%,#b88a72a6,transparent 72%),radial-gradient(ellipse 20% 50% at 70% 78%,#b88a72a6,transparent 72%),radial-gradient(ellipse 18% 46% at 12% 84%,#8f645299,transparent 72%),radial-gradient(ellipse 18% 46% at 88% 84%,#8f645299,transparent 72%),radial-gradient(ellipse 60% 50% at 50% 100%,#6b4a3dcc,transparent 80%);animation:spike-smoke-roll 12s ease-in-out infinite alternate}
@keyframes spike-smoke-roll{from{transform:translateX(-1.5%) scale(1)}to{transform:translateX(1.5%) scale(1.04,1.1)}}
@media(prefers-reduced-motion:reduce){.spike-closing-art .spike-closing-smoke{animation:none}}
.spike-closing-ground::before{background:linear-gradient(180deg,#06081500 0%,#06081500 60%,#060815 100%)}
@media(max-width:767px){.spike-closing-art .spike-closing-smoke{height:38%;left:-30%;right:-30%}}

/* ═══════════════════════════════════════════════════════════════════════
   PASSE MOBILE « WORLD CLASS » (22/10) — rythme, typo, hiérarchie.
   Bloc final : il a le dernier mot de la cascade sur tout ce qui précède.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:767px){
  /* ── Rythme vertical unifié : 56px entre sections, 26px sous les titres ── */
  .spike-section{margin-bottom:56px}
  .spike-section-heading{margin-bottom:26px}
  .spike-section-heading h2{font-size:clamp(27px,7.8vw,34px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
  .spike-section-heading>p:not(.spike-kicker){margin:12px auto 0;max-width:32ch;font-size:15px;line-height:1.55;text-wrap:balance}

  /* ── Héro : la pile de 5 lignes hautes devient un bloc serré ── */
  .spike-hero h1{font-size:clamp(33px,10vw,42px);line-height:1.08}
  .spike-hero h1>span{margin-top:4px}

  /* ── Boutons : moins de masse (« trop de height ») ── */
  .spike-button{min-height:44px;padding:10px 20px;font-size:14px;line-height:20px;gap:10px}
  .spike-button svg{width:17px;height:17px}

  /* ── « Integrated with » : une rangée discrète, pas un mur de logos ── */
  .spike-supporters{margin-top:20px;padding:22px 0 26px}
  .spike-supporters>p{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a8a}
  .spike-supporter-logos{gap:18px 28px;margin-top:20px}
  .spike-supporter-logos li{height:28px}
  /* hauteur UNIFORME : chaque logo cale sur 18px, la largeur suit */
  .spike-supporter-logos img{height:18px;max-height:none;width:auto;opacity:.52}
  .spike-supporter-rise{width:auto;height:18px}
  /* le lettrage sumsub porte son icône dans un cadre large : +5px pour l'optique */
  .spike-supporter-logos img[src*="sumsub"]{height:23px}

  /* ── Cartes d'offres : densité maîtrisée, le prix reste le héros ── */
  .spike-landing-offers .account-offer{gap:18px;padding:24px 20px 18px;border-radius:16px}
  .spike-landing-offers .account-offer-header{padding-bottom:18px;gap:10px}
  .spike-landing-offers .account-offer-price strong{font-size:33px}
  .spike-landing-offers .account-offer-rules{gap:14px}
  .spike-landing-offers .account-offer-rules>div{font-size:14px;line-height:19px}
  .spike-landing-offers .account-offer-funded-rules{min-height:42px;margin-bottom:6px}
  .spike-landing-offers .account-offer-start{min-height:46px}

  /* ── FAQ : entrées un cran plus compactes ── */
  .spike-faq-list details summary{font-size:15px}

  /* ── Closing : l'appel se termine avec le halo, pas 400px de fumée vide ── */
  .spike-closing.spike-closing-immersive{min-height:0;padding-top:140px;padding-bottom:96px}

  /* ── Footer : colonnes resserrées, hiérarchie nette ── */
  .spike-footer-main{gap:18px 24px;padding-block:28px 22px}
  .spike-footer-main h2{font-size:12px;margin-bottom:4px;letter-spacing:.12em;text-transform:uppercase;color:#9a9a9a}
  /* cibles tactiles 40px (au lieu de 44) : accessibles ET compactes */
  .spike-footer-main>div:not(:first-child) a{display:flex;align-items:center;min-height:40px;margin:0;font-size:14px;line-height:1.4}
  .spike-footer-main>div:first-child p{font-size:14px;margin-top:12px}
  .spike-footer .spike-wordmark{font-size:24px;gap:10px}
  .spike-footer .spike-wordmark .spike-mark{width:30px;height:30px}
  .spike-footer-legal{padding:18px 0 26px;font-size:11px;line-height:1.6}
}

/* ═══ HÉRO MOBILE « world class » (22/10) — hiérarchie à 2 niveaux,
   CTA pleine largeur rapprochés, stats en bandeau ferme. Bloc final. ═══ */
@media (max-width:767px){
  /* Le mur de 5 lignes égales devient : UN titre + UNE ligne de preuves.
     Le second niveau descend à .58em — la couleur ne porte plus seule la
     hiérarchie, la taille la porte avec elle. */
  .spike-hero h1{font-size:clamp(36px,10.6vw,44px);line-height:1.06}
  .spike-hero h1>span{font-size:.58em;font-weight:600;line-height:1.3;letter-spacing:-.015em;margin-top:14px;color:#cfd4d1}

  /* Les CTA remontent vers le titre (l'océan de Terre vide se réduit) et
     prennent la pleine largeur — la colonne d'action du pouce. */
  /* Les boutons chevauchent le bas de la Terre (l'intention d'origine),
     en colonne pleine largeur : l'aplomb du pouce, le halo sur la planète. */
  .spike-hero-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr;justify-content:stretch;gap:10px;width:min(100%,330px);margin:-34px auto 0}
  .spike-hero-actions .spike-button{width:100%;min-height:50px;font-size:16px;line-height:20px}

  /* Stats : un seul bandeau — deux chiffres fermes séparés d'un filet,
     la rangée Claude MCP en pied, filet au-dessus. Plus de cartes flottantes. */
  .spike-statistics.spike-benefits{grid-template-columns:1fr 1fr;gap:0;margin-bottom:48px;padding-block:14px 0}
  .spike-statistics.spike-benefits>div{min-height:0;gap:4px;padding:14px 10px;border:0;border-radius:0}
  .spike-statistics.spike-benefits>div:nth-child(2){border-left:1px solid #dcebe229}
  .spike-statistics.spike-benefits strong{font-size:26px;line-height:1.1}
  .spike-statistics.spike-benefits span{font-size:12.5px;line-height:1.4;color:#9aa19d}
  .spike-statistics.spike-benefits>div:nth-child(3){grid-column:1/-1;flex-direction:row;justify-content:center;align-items:center;gap:10px;border-top:1px solid #dcebe229;padding:13px 10px}
}

@media (max-width:767px){
  body.spike-landing{--spike-page-gutter:30px}

  /* Flux continu : zéro marge entre sections, respiration interne 44px */
  .spike-section{margin-bottom:0;padding-block:44px 36px}
  .spike-section-heading{margin-bottom:22px}

  
  .spike-section-heading h2{font-size:clamp(33px,9.4vw,40px);line-height:1.02;font-weight:500;letter-spacing:-.05em}
  .spike-section-heading>p:not(.spike-kicker){margin-top:14px;font-size:16px;line-height:1.45;color:#9899a3}
  .spike-platform .spike-devices-heading h2{font-size:clamp(33px,9.4vw,40px);line-height:1.02;letter-spacing:-.05em;font-weight:500}

  /* Héro : même voix, hiérarchie conservée */
  .spike-hero h1{font-size:clamp(37px,10.6vw,44px);line-height:1.04;font-weight:500;letter-spacing:-.05em}
  .spike-hero h1>span{font-size:.56em;font-weight:500;line-height:1.25;letter-spacing:-.03em;margin-top:12px}

  
  .spike-button{min-height:54px;border-radius:12px;font-size:17px;font-weight:700;line-height:22px}
  .spike-hero-actions .spike-button{min-height:54px;font-size:17px}
  .spike-mobile-actions>.spike-menu-action{min-height:54px;border-radius:12px}

  /* Les stats et la FAQ suivent le corps 16 gris */
  .spike-statistics.spike-benefits span{font-size:13px;color:#9899a3}
  .spike-faq-list details summary{font-size:16px}

  
  .spike-closing.spike-closing-immersive{padding-top:150px;padding-bottom:110px}
}

@media (min-width:768px){
  body.spike-landing{--spike-section-space:clamp(112px,11vw,160px);--spike-heading-space:56px}

  /* Titres : une voix, une taille */
  body.spike-landing .spike-section-heading h2,
  body.spike-landing .spike-platform .spike-section-heading h2,
  body.spike-landing .spike-challenges .spike-section-heading h2,
  body.spike-landing .spike-faq .spike-section-heading h2,
  body.spike-landing .spike-life h2,
  body.spike-landing .spike-closing .spike-section-heading h2{font-size:clamp(44px,4.2vw,60px);line-height:1;font-weight:500;letter-spacing:-.05em;text-wrap:balance}
  body.spike-landing .spike-hero h1,
  body.spike-landing .spike-hero h1>span{font-weight:500;letter-spacing:-.05em}
  body.spike-landing .spike-hero h1{line-height:1.04}
  body.spike-landing .spike-benefits strong{font-weight:500;letter-spacing:-.04em}

  /* Chapeaux et surtitres */
  body.spike-landing .spike-section-heading>p:not(.spike-kicker){max-width:660px;margin:24px auto 0;font-size:22px;line-height:1.5;font-weight:500;letter-spacing:-.025em;color:rgba(234,237,255,.6)}
  body.spike-landing .spike-kicker{margin-bottom:20px;font-size:12px;font-weight:500;letter-spacing:.16em}

  /* Rythme vertical */
  body.spike-landing .spike-section-heading{margin-bottom:var(--spike-heading-space)}
  body.spike-landing .spike-platform{padding-top:var(--spike-section-space);margin-bottom:0}
  body.spike-landing .spike-challenges,
  body.spike-landing .spike-life,
  body.spike-landing .spike-faq{margin-top:var(--spike-section-space)}

  /* Boutons */
  body.spike-landing .spike-button{min-height:54px;padding:0 32px;border-radius:12px;font-size:18px;font-weight:700;line-height:28px;letter-spacing:0}
  body.spike-landing .spike-hero-actions .spike-button{min-width:200px}

  /* En-tête */
  body.spike-landing .spike-navigation{gap:4px}
  body.spike-landing .spike-navigation a{display:inline-flex;align-items:center;height:44px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:500;color:#9899a3;transition:color .15s,background-color .15s}
  body.spike-landing .spike-navigation a:hover{background:rgba(203,208,235,.08);color:var(--spike-text)}
  body.spike-landing .spike-navigation a[aria-current]{background:rgba(203,208,235,.1);color:var(--spike-text)}
  body.spike-landing .spike-navigation a[aria-current]::after{content:none}
  body.spike-landing .spike-header-actions .spike-login{min-height:40px;padding:0 20px;font-size:16px;font-weight:700}
}

@media (max-width:767px){
  body.spike-landing .spike-life h2{font-weight:500;letter-spacing:-.05em}
}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body.spike-landing .spike-button{transition:background-color .15s ease-out,border-color .15s ease-out,padding .15s ease-out}
  body.spike-landing .spike-button>svg{flex:none;width:0;margin-left:-16px;opacity:0;transition:width .15s ease-out,margin .15s ease-out,opacity .15s ease-out}
  body.spike-landing .spike-button:hover{padding-inline:16px}
  body.spike-landing .spike-button:hover>svg{width:20px;margin-left:0;opacity:1}
  body.spike-landing .spike-header-actions .spike-button:hover{padding-inline:20px}

  body.spike-landing .account-offer,
  body.spike-landing .spike-statistics.spike-benefits>div{transition:border-color .3s}
  body.spike-landing .account-offer:hover{border-color:#ffffff2e}
  body.spike-landing .spike-statistics.spike-benefits>div:hover{border-color:#ffffff33}
  body.spike-landing .spike-life-photo img{transition:transform .3s}
  body.spike-landing .spike-life-photo:hover img{transform:scale(1.05)}
}

body.spike-landing .spike-kicker{font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--spike-brand,#3df2a3)}
@media (min-width:768px){
  body.spike-landing .spike-section,body.spike-landing .spike-challenges,body.spike-landing .spike-footer-main,body.spike-landing .spike-footer-legal{width:min(1200px,calc(100% - 2 * var(--spike-page-gutter)));max-width:1200px}
  body.spike-landing .spike-faq{max-width:860px}
  /* The closing scene stays full-bleed. */
  body.spike-landing .spike-closing.spike-closing-immersive{width:100vw;max-width:none}
  body.spike-landing .spike-kicker{font-size:14px;letter-spacing:.02em;margin-bottom:16px}

  /* Héros */
  body.spike-landing .spike-hero .spike-eyebrow{margin-bottom:20px}
  /* Le slogan est le seul titre du héros (02/11) : deux lignes nettes,
     « Stocks, Commodities & Crypto. » puis « 24/7. With Our Money. ». */
  body.spike-landing .spike-hero h1{font-size:clamp(44px,5.4vw,56px);line-height:1.06;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 32px #000d}
  body.spike-landing .spike-hero h1>span{display:block;margin:4px 0 0}
  body.spike-landing .spike-hero-lead{color:rgba(234,237,255,.72)}

  /* Pied de page */
  body.spike-landing .spike-footer .spike-wordmark{font-size:44px}
  body.spike-landing .spike-footer-main h2{font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9899a3}
  body.spike-landing .spike-footer-main>div:not(:first-child) a{font-size:15px;color:var(--spike-text)}
}

@media (min-width:1024px){
  body.spike-landing{--spike-section-space:128px}

  
  body.spike-landing .spike-section,body.spike-landing .spike-challenges{width:calc(100vw - 160px);max-width:none;margin-inline:calc(50% - 50vw + 80px)}
  body.spike-landing .spike-faq{width:min(860px,calc(100vw - 160px));margin-inline:auto}
  body.spike-landing .spike-closing.spike-closing-immersive{margin-inline:calc(50% - 50vw)}

  /* Le texte reste fixe */
  body.spike-landing .spike-section-heading h2,
  body.spike-landing .spike-platform .spike-section-heading h2,
  body.spike-landing .spike-challenges .spike-section-heading h2,
  body.spike-landing .spike-faq .spike-section-heading h2,
  body.spike-landing .spike-life h2,
  body.spike-landing .spike-closing .spike-section-heading h2{font-size:60px}
  body.spike-landing .spike-hero h1{font-size:64px}

  /* Les appareils zooment avec l'écran */
  body.spike-landing .spike-devices{width:64vw;max-width:none;margin:32px auto 0;padding:0}
  
  body.spike-landing .spike-device-phone{left:auto;right:-12%;top:auto;bottom:-1%;width:30%}
  body.spike-landing .spike-supporters{margin-top:48px}

  
  body.spike-landing .spike-header{padding:0 20px}
  body.spike-landing .spike-header-inner{max-width:none;height:64px;justify-content:flex-start;gap:0}
  body.spike-landing .spike-navigation{margin-left:28px}
  body.spike-landing .spike-header-actions{margin-left:auto}

  
  body.spike-landing .spike-footer{padding:0 40px}
  body.spike-landing .spike-footer-main,body.spike-landing .spike-footer-legal{width:100%;max-width:none}
  body.spike-landing .spike-footer-main{padding:32px 0 48px}
}

/* ═══ ÉCHELLE SPIKE — une seule échelle de texte pour toute la landing
   (02/11 : « reprends les tailles de police… la cohérence »).
   Ordinateur : titre du héros 64 · titres de section 60 · chapeaux 22 ·
   titres de carte 24 · texte 16 · petit 14 · étiquettes 12–14 en mono
   majuscule. Mobile : titres de section 36 · chapeaux 16.
   Titres et chiffres en 500, boutons en 700, rien d'autre en gras. ═══ */
body.spike-landing .spike-statistics strong{font-weight:500}
body.spike-landing .spike-supporters>p{font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#9899a3}
body.spike-landing .spike-landing-offers .add-account-control-label{font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
body.spike-landing .spike-landing-offers .add-account-sizes button,
body.spike-landing .spike-landing-offers .add-account-custom-segment{font-size:14px}
body.spike-landing .spike-landing-offers .add-account-shared{font-size:16px;line-height:1.5}
body.spike-landing .spike-landing-offers .account-offer h2,
body.spike-landing .spike-landing-offers .account-offer[data-size-headline] .account-offer-title h2{font-size:24px;line-height:28px;font-weight:500;letter-spacing:-.02em}
body.spike-landing .spike-landing-offers .account-offer[data-size-headline] .account-offer-price strong,
body.spike-landing .spike-landing-offers .account-offer[data-size-headline] .account-offer-start strong{font-weight:500}
body.spike-landing .spike-landing-offers .account-offer[data-size-headline] .account-offer-start strong{font-size:20px}
body.spike-landing .spike-landing-offers .account-offer dt,
body.spike-landing .spike-landing-offers .account-offer dd{font-size:16px}
body.spike-landing .spike-landing-offers .account-offer li,
body.spike-landing .spike-landing-offers .account-offer-funded-rules{font-size:14px}
:root body.spike-landing .spike-landing-offers .account-offer-start,
:root body.spike-landing .spike-landing-offers .account-offer[data-size-headline] .account-offer-start{font-size:16px;font-weight:700}
body.spike-landing .spike-landing-offers .account-offer-badge{font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
body.spike-landing .spike-legal-details{font-size:14px}
body.spike-landing .spike-legal-details p,body.spike-landing .spike-footer-legal{font-size:12px}

@media (min-width:768px){
  body.spike-landing .spike-statistics strong{font-size:36px;line-height:1}
  body.spike-landing .spike-supporters>p{font-size:14px}
  body.spike-landing .spike-faq summary{padding:24px 28px;font-size:20px;font-weight:500;letter-spacing:-.015em}
  body.spike-landing .spike-faq details>p{font-size:16px;line-height:1.65;color:rgba(234,237,255,.6)}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading>p{font-size:22px;font-weight:500;letter-spacing:-.025em}
}

@media (max-width:767px){
  body.spike-landing .spike-section-heading h2,
  body.spike-landing .spike-platform .spike-devices-heading h2,
  body.spike-landing .spike-challenges .spike-section-heading h2,
  body.spike-landing .spike-faq .spike-section-heading h2,
  body.spike-landing .spike-life h2,
  body.spike-landing .spike-closing .spike-section-heading h2{font-size:36px;line-height:1.05;font-weight:500;letter-spacing:-.05em}
  body.spike-landing .spike-section-heading>p:not(.spike-kicker),
  body.spike-landing .spike-platform .spike-devices-heading>p:not(.spike-kicker),
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading>p{font-size:16px;line-height:1.5;font-weight:400}
  body.spike-landing .spike-kicker,
  body.spike-landing .spike-supporters>p{font-size:12px}
  body.spike-landing .spike-faq summary{font-size:16px}
  body.spike-landing .spike-faq details>p{font-size:15px}
  /* 1-Step / 2-Step / Custom on one line */
  body.spike-landing .spike-landing-offers .add-account-steps button,
  body.spike-landing .spike-landing-offers .add-account-custom-segment{flex:none;min-width:0;padding-inline:14px;white-space:nowrap}
  body.spike-landing .spike-landing-offers .add-account-steps{flex:none;width:max-content;max-width:100%}
  /* Sizes: Free Trial and the five sizes in two even rows of three */
  body.spike-landing .spike-landing-offers .add-account-sizes:not(.add-account-steps){grid-template-columns:repeat(3,minmax(0,1fr))}
  body.spike-landing .spike-landing-offers .add-account-sizes button[data-trial]{grid-column:auto}
}

@media (min-width:768px){
  body.spike-landing .spike-devices-glow{opacity:.4}
  body.spike-landing .spike-device-screen{padding:1.9%;border:1px solid #2b2c32;border-radius:1.1cqw;background:#09090c;box-shadow:0 0 0 1px #000,0 0 48px -6px rgba(61,242,163,.16),0 -10px 90px -30px rgba(120,160,255,.22),0 60px 110px -40px #000}
  body.spike-landing .spike-device-screen::before,
  body.spike-landing .spike-device-screen::after{display:none}
  body.spike-landing .spike-device-screen img{aspect-ratio:16/9;border-radius:.25cqw}
  body.spike-landing .spike-device-camera{top:.75%;width:5px;height:5px;background:#1c1d22}
  body.spike-landing .spike-device-stand{aspect-ratio:3.6}
  body.spike-landing .spike-device-stand::before{left:37.8%;width:24.4%;background:linear-gradient(180deg,#a4a5ae 0%,#6b6c75 30%,#2b2c33cc 62%,transparent 92%);-webkit-mask-image:radial-gradient(ellipse 13.5% 17% at 50% 0,#0000 98%,#000 100%);mask-image:radial-gradient(ellipse 13.5% 17% at 50% 0,#0000 98%,#000 100%);-webkit-mask-composite:source-over;mask-composite:add}
}

@media (min-width:768px){
  body.spike-landing .spike-hero-lattice{opacity:.18}
}
@media (min-width:1024px) and (max-width:1439px){
  body.spike-landing .spike-intro::before{background-image:linear-gradient(180deg,#060815 0%,transparent 8%,transparent 82%,#060815 100%),url('/images/landing/earth-orbital-v13.webp');background-size:100% 100%,100% auto;background-position:center,center calc(394px - 33.73vw);background-blend-mode:normal}
}
@media (min-width:1440px){
  body.spike-landing .spike-intro::before{background-image:radial-gradient(ellipse 90% 140% at 50% 40%,transparent 78%,#06081566 100%),linear-gradient(180deg,#060815 0%,transparent 7%),url('/images/landing/earth-orbital-v13.webp');background-blend-mode:normal;-webkit-mask-image:linear-gradient(180deg,#000 78%,#0000 100%);mask-image:linear-gradient(180deg,#000 78%,#0000 100%)}
}

@media (min-width:1920px){
  body.spike-landing .spike-section,body.spike-landing .spike-challenges{width:min(calc(100vw - 160px),1760px);margin-inline:calc(50% - min(50vw - 80px,880px))}
  body.spike-landing .spike-faq{width:min(860px,calc(100vw - 160px));margin-inline:auto}
  body.spike-landing .spike-closing.spike-closing-immersive{width:100vw;margin-inline:calc(50% - 50vw)}
  body.spike-landing .spike-devices{width:min(64vw,1229px)}
  body.spike-landing .spike-footer-main,body.spike-landing .spike-footer-legal{max-width:1760px;margin-inline:auto}
  body.spike-landing .spike-header-inner{max-width:none}
}
@media (min-width:2400px){
  body.spike-landing .spike-hero h1{font-size:76px}
  body.spike-landing .spike-section-heading h2,
  body.spike-landing .spike-platform .spike-devices-heading h2,
  body.spike-landing .spike-challenges .spike-section-heading h2,
  body.spike-landing .spike-faq .spike-section-heading h2,
  body.spike-landing .spike-life h2,
  body.spike-landing .spike-closing .spike-section-heading h2{font-size:72px}
  body.spike-landing .spike-section-heading>p:not(.spike-kicker),
  body.spike-landing .spike-platform .spike-devices-heading>p:not(.spike-kicker){font-size:25px;max-width:760px}
  body.spike-landing .spike-devices{width:min(64vw,1400px)}
}
/* The Earth runs on under the gap before the next section (03/11 :
   « grand écran, la Terre ne se prolonge pas ») : the hero box grows by the
   gap and the next section gives it back, so the spacing is unchanged. */
@media (min-width:1024px){
  body.spike-landing .spike-intro{min-height:min(100svh,calc(420px + 17vw),880px);padding-bottom:140px}
  body.spike-landing .spike-intro+.spike-platform,body.spike-landing .spike-intro~.spike-platform{margin-top:calc(var(--spike-section-space) - 140px)}
}
/* With the burger shown (≤ 1024 px) it sits on the right, not against the logo. */
body.spike-landing .spike-menu-toggle{margin-left:auto}

/* ═══ VUE 1 (03/11 : « l'image d'avant était un bon départ… trouver
   la meilleure façon de l'implémenter sur les écrans »). La Terre de jour
   (NASA iss064e002894) est redessinée depuis l'original 5568 px : 3072 px en
   1x, 4608 px en Retina et sur les très grands écrans, donc même grain partout.
   Un seul fond, posé sur <main>, passe sous l'en-tête translucide, le haut
   de page et le début de la section suivante ; son bas fond dans le noir de
   la page, sans bord. Il suit la largeur de l'écran ; le calcul de « top »
   garde l'horizon derrière les boutons de 1024 à 3440 px. ═══ */
@media (min-width:768px){
  body.spike-landing main#content{position:relative;isolation:isolate}
  
  body.spike-landing main#content::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100vw;height:1100px;margin-left:calc(50% - 50vw);background:#04050b image-set(url('/images/landing/earth-horizon-hd2-3072.webp') 1x,url('/images/landing/earth-horizon-hd2-4608.webp') 2x) center calc(470px - 37.4vw)/100% auto no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 min(700px,calc(470px + 29.27vw - 280px)),#0000 min(1020px,calc(470px + 29.27vw - 2px)));mask-image:linear-gradient(180deg,#000 0,#000 min(700px,calc(470px + 29.27vw - 280px)),#0000 min(1020px,calc(470px + 29.27vw - 2px)));pointer-events:none}
  body.spike-landing .spike-intro::before,
  body.spike-landing .spike-hero-lattice{display:none}
  body.spike-landing .spike-hero h1{text-shadow:0 2px 30px #000c,0 0 2px #0008}
}
@media (min-width:1600px){
  body.spike-landing main#content::before{background-image:url('/images/landing/earth-horizon-hd2-4608.webp');background-color:#04050b}
}

body.spike-landing{--spike-page:#060815;--spike-card:#111219;--spike-card-line:#ffffff12;background:#060815}
body.spike-landing .spike-faq details{background:var(--spike-card);border-color:var(--spike-card-line);border-radius:16px}
:root body.spike-landing .spike-landing-offers .account-offer.account-offer.account-offer{background:var(--spike-card) !important;border:1px solid var(--spike-card-line);border-radius:20px}
body.spike-landing .spike-life-photo{border-radius:20px;background:var(--spike-card)}
body.spike-landing .spike-intro .spike-benefits>div{background:rgba(12,13,20,.55);border-color:#ffffff1f;border-radius:16px}
body.spike-landing .spike-landing-offers .add-account-sizes{background:var(--spike-card)}
@media (max-width:767px){
  body.spike-landing .spike-faq details{border-radius:12px}
  body.spike-landing .spike-life-photo{border-radius:14px}
}

/* ═══ SCÈNE DE FIN BLEU NUIT (03/11 : « passe la scène de fin rouge
   dans la même teinte bleu nuit que le reste du site »). L'image Mars est
   regradée en bleu nuit (spike-night-atmosphere-v1.webp) ; poussière, fumée,
   sol, voile et fusée passent dans des tons froids. Seule la flamme reste
   chaude. ═══ */
body.spike-landing .spike-closing,
body.spike-landing .spike-closing-art{background:#060815}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art::after{background:radial-gradient(ellipse 46% 52% at 50% 30%,#060815d9,#06081580 55%,transparent 80%),linear-gradient(180deg,#060815 0%,#06081500 22%,#06081500 72%,#060815 100%)}
body.spike-landing .spike-closing-art img{filter:saturate(.95)}
body.spike-landing .spike-closing-ground::before{background:linear-gradient(180deg,#06081500 0%,#06081500 50%,#060815 98%)}
body.spike-landing .spike-closing-dust{background:radial-gradient(ellipse 18% 46% at 50% 42%,#dfe8ffcc,#8fa8e066 45%,transparent 74%),radial-gradient(ellipse 34% 40% at 38% 62%,#5d6f9a99,transparent 72%),radial-gradient(ellipse 34% 40% at 62% 62%,#5d6f9a99,transparent 72%)}
body.spike-landing .spike-closing-smoke{background:radial-gradient(ellipse 22% 55% at 50% 70%,#c8d4f0b3,transparent 72%),radial-gradient(ellipse 20% 50% at 30% 78%,#7d8db8a6,transparent 72%),radial-gradient(ellipse 20% 50% at 70% 78%,#7d8db8a6,transparent 72%)}
body.spike-landing .spike-closing-rocket img{filter:grayscale(.6) brightness(.95) hue-rotate(190deg) saturate(.6)}

body.spike-landing{--spike-green:#3df2a3;--spike-green-hover:#5ef5b5}
body.spike-landing .spike-button.spike-button-plan{background:var(--spike-green);border:1px solid #ffffff1a;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#06120c;border-radius:12px;transition:background-color .15s,padding .15s}
body.spike-landing .spike-button.spike-button-plan:hover{background:var(--spike-green-hover);border-color:#ffffff1a}
body.spike-landing .spike-button.spike-button-glass{background:#ffffff1f;border:1px solid #cbd0eb1a;box-shadow:none;color:#f7f7f7;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body.spike-landing .spike-button.spike-button-glass:hover{background:#ffffff2b;border-color:#cbd0eb26}
body.spike-landing .spike-hero h1 em,
body.spike-landing .spike-closing .spike-section-heading h2 em{background-image:linear-gradient(110deg,#9ef7cf 0%,var(--spike-green) 55%);text-shadow:none}
body.spike-landing .spike-kicker{color:var(--spike-green)}
/* « Built on » : no pill, no glow — a quiet line above the headline */
body.spike-landing .spike-hero .spike-eyebrow{min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:16px;color:#eaedffc7;font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:700;letter-spacing:.04em}
body.spike-landing .spike-hero .spike-eyebrow img{opacity:1}
@media (min-width:768px){body.spike-landing .spike-hero .spike-eyebrow .spike-built-okx{width:62px}body.spike-landing .spike-hero .spike-eyebrow .spike-built-tradingview{width:132px}}
body.spike-landing .spike-hero .spike-built-divider{height:16px;background:#ffffff40}

/* Titre du héros un cran plus gras (03/11 : « un peu plus bold mais
   pas beaucoup ») : Satoshi n'a que 400/500/700 ici, donc 500 + un trait de
   0,012em (≈ 600) ; approche un peu desserrée pour ce poids, interligne et
   écarts calés. */
body.spike-landing .spike-hero h1,
body.spike-landing .spike-hero h1>span{-webkit-text-stroke:.012em currentColor;letter-spacing:-.035em}
body.spike-landing .spike-hero h1 em{-webkit-text-stroke-color:var(--spike-green)}
@media (min-width:768px){
  body.spike-landing .spike-hero h1{line-height:1.1}
  body.spike-landing .spike-hero h1>span{margin-top:2px}
  body.spike-landing .spike-hero .spike-eyebrow{margin-bottom:24px}
}

body.spike-landing,
body.spike-landing [data-spike-theme]{
  --ink:#eaedff;--ink-2:rgba(234,237,255,.62);--ink-3:rgba(234,237,255,.42);
  --line:rgba(234,237,255,.08);--line-strong:rgba(234,237,255,.14);
  --card-raised:#1a1b25;
  --spike-page:#060815;--spike-surface:#111219;--spike-surface-soft:#1a1b25;--spike-surface-raised:#1a1b25;
  --spike-text:var(--ink);--spike-text-secondary:var(--ink-2);--spike-border:var(--line);
  --spike-brand:var(--spike-green,#3df2a3);
}
body.spike-landing{color:var(--ink)}
body.spike-landing .spike-landing-offers .account-offer{--offer-ink:var(--ink);--offer-muted:var(--ink-2);--offer-line:var(--line);--offer-metal:var(--ink-2)}
:root body.spike-landing .spike-landing-offers .account-offer.account-offer.account-offer{--offer-ink:var(--ink);--offer-muted:var(--ink-2);color:var(--ink);border-color:var(--line)}
body.spike-landing .spike-landing-offers .account-offer-rules{border-color:var(--line)}

/* Texte : une seule nuance de blanc, deux de gris */
body.spike-landing .spike-statistics strong{color:var(--ink)}
body.spike-landing .spike-statistics span,
body.spike-landing .spike-hero h1>span .spike-hero-lead,
body.spike-landing .spike-hero-lead{color:var(--ink-2)}
body.spike-landing .spike-navigation a:not([aria-current]),
body.spike-landing .spike-footer-main h2,
body.spike-landing .spike-supporters>p{color:var(--ink-3)}
body.spike-landing .spike-navigation a[aria-current]{color:var(--ink)}
body.spike-landing .spike-footer-main>div:not(:first-child) a,
body.spike-landing .spike-footer-main>div:first-child p,
body.spike-landing .spike-legal-details,
body.spike-landing .spike-footer-legal{color:var(--ink-2)}
body.spike-landing .spike-faq summary{color:var(--ink)}
body.spike-landing .spike-faq details>p,
body.spike-landing .spike-section-heading>p:not(.spike-kicker){color:var(--ink-2)}

/* Traits : deux niveaux */
body.spike-landing .spike-footer,
body.spike-landing .spike-footer-legal,
body.spike-landing .spike-faq details,
body.spike-landing .spike-supporters{border-color:var(--line)}
body.spike-landing .spike-intro .spike-benefits>div,
body.spike-landing .spike-orbit-badge{border-color:var(--line-strong)}
body.spike-landing .spike-header{border-bottom-color:var(--line)}

/* Boutons clairs : même blanc teinté, texte couleur de page */
body.spike-landing .spike-login,
body.spike-landing .spike-landing-offers .add-account-sizes button[aria-pressed='true']{background:var(--ink);border-color:var(--ink);color:#060815}

/* Sélecteurs d'offres : segments sur carte, actif blanc ; « Custom » sans bleu */
body.spike-landing .spike-landing-offers .add-account-sizes{background:var(--spike-surface);border:1px solid var(--line)}
body.spike-landing .spike-landing-offers .add-account-sizes button{color:var(--ink-2)}
body.spike-landing .spike-landing-offers .add-account-steps .add-account-custom-segment{background:var(--card-raised) !important;color:var(--ink) !important}
body.spike-landing .spike-landing-offers .add-account-custom-dot{background:var(--spike-green)}

/* Pro keeps the app's blue (ring, Recommended badge, button), as on Get Funded (03/11). */
/* Classic / Turbo : bouton clair teinté, comme le reste */
:root body.spike-landing .spike-landing-offers .account-offer[data-size-headline]:not([data-variant="pro"]) .account-offer-start.account-offer-start.account-offer-start{background:var(--ink);color:#060815;border-color:transparent}
/* Stragglers: the theme sets its tokens on [data-spike-theme] with a stronger selector */
body.spike-landing [data-spike-theme][data-spike-theme][data-spike-theme]{--spike-page:#060815;--spike-surface:#111219;--spike-surface-soft:#1a1b25;--spike-surface-raised:#1a1b25;--spike-text:var(--ink);--spike-text-secondary:var(--ink-2);--spike-border:var(--line)}
body.spike-landing .spike-landing-offers .add-account-control-label,
body.spike-landing .spike-landing-offers .add-account-shared{color:var(--ink-2)}
body.spike-landing .spike-landing-offers .add-account-shared strong{color:var(--ink)}
body.spike-landing .spike-landing-offers .add-account-sizes.add-account-sizes{background:var(--spike-surface);border:1px solid var(--line)}
body.spike-landing .spike-landing-offers .add-account-steps.add-account-steps button[aria-pressed='true']{background:rgba(234,237,255,.12);color:var(--ink);border-color:transparent}
body.spike-landing .spike-landing-offers .account-offer-funded-rules{border-color:var(--line-strong);color:var(--ink)}
:root body.spike-landing .spike-landing-offers .spike-flip-back .account-offer-start.account-offer-start{background:var(--ink);color:#060815;border-color:transparent}
body.spike-landing .spike-button.spike-button-plan{border-color:var(--line-strong)}
body.spike-landing .spike-button.spike-button-glass{border-color:var(--line-strong);color:var(--ink)}
body.spike-landing .spike-hero .spike-built-divider{background:var(--line-strong)}
/* The offers block sets its own tokens on .spike-landing-offers: point them at the palette too */
body.spike-landing .spike-landing-offers.spike-landing-offers{--spike-text:var(--ink);--spike-text-secondary:var(--ink-2);--spike-border:var(--line);--spike-surface:#111219;--spike-surface-soft:#1a1b25;--spike-focus:var(--spike-green);--seg-track:#111219;--seg-thumb:rgba(234,237,255,.12);--seg-thumb-shadow:none}
:root body.spike-landing .spike-landing-offers .account-offer .account-offer-funded-rules.account-offer-funded-rules{border-color:var(--line-strong);background:rgba(234,237,255,.04);box-shadow:none;color:var(--ink)}
body.spike-landing .spike-landing-offers .account-offer li{color:var(--ink-2)}
body.spike-landing .spike-intro .spike-benefits>div{background:rgba(17,18,25,.6)}

/* ═══ AMBIANCE NUIT PARTOUT (03/11 : « c'est cette ambiance qui doit
   exister sur tout le site »). Le ciel du héros continue sur toute la page :
   fond bleu nuit, champ d'étoiles fin en tuile (spike-stars-tile.webp,
   12 Ko), lueurs bleues diffuses derrière les sections, cartes en verre
   comme les trois chiffres du héros, halos bleus (couleur de l'atmosphère)
   au lieu du vert autour de l'ordinateur et du téléphone. Le vert reste
   l'accent des boutons et des mots clés. ═══ */
body.spike-landing{position:relative;background:#060815}
body.spike-landing::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 900px at 50% 26%,rgba(56,92,214,.16),transparent 70%),
    radial-gradient(ellipse 45% 700px at 12% 52%,rgba(56,92,214,.10),transparent 70%),
    radial-gradient(ellipse 45% 700px at 88% 66%,rgba(56,92,214,.10),transparent 70%),
    radial-gradient(ellipse 60% 900px at 50% 84%,rgba(56,92,214,.12),transparent 70%);
  opacity:.9}
body.spike-landing,body.spike-landing [data-spike-theme][data-spike-theme][data-spike-theme]{--spike-page:#060815}
body.spike-landing .spike-closing,body.spike-landing .spike-closing-art{background:transparent}

/* Cartes en verre, comme les chiffres du héros */
body.spike-landing{--glass:rgba(16,20,38,.58);--glass-blur:blur(14px) saturate(130%)}
:root body.spike-landing .spike-landing-offers .account-offer.account-offer.account-offer{background:var(--glass) !important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--line-strong)}
body.spike-landing .spike-faq details{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--line-strong)}
body.spike-landing .spike-landing-offers .add-account-sizes.add-account-sizes{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--line-strong)}
body.spike-landing .spike-landing-offers.spike-landing-offers{--seg-track:transparent}
body.spike-landing .spike-intro .spike-benefits>div{background:var(--glass);border-color:var(--line-strong)}

/* Halos bleu atmosphère autour des appareils */
body.spike-landing .spike-devices-glow{opacity:.7;background:radial-gradient(closest-side,rgba(79,128,240,.34),rgba(79,128,240,.10) 55%,transparent)}
@media (min-width:768px){
  body.spike-landing .spike-device-screen{box-shadow:0 0 0 1px #000,0 0 60px -6px rgba(79,128,240,.28),0 -10px 90px -30px rgba(120,160,255,.30),0 60px 110px -40px #000}
}
body.spike-landing .spike-device-phone{filter:drop-shadow(24px 40px 40px #000c) drop-shadow(0 0 32px rgba(79,128,240,.30))}

/* Stars stop after the « Trade from anywhere » section (03/11): the
   starfield lives on that section only, full-bleed, fading in under the hero
   and out over its last 280 px. Below, only the night blue and its glows. */
body.spike-landing .spike-platform{position:relative;isolation:isolate}
body.spike-landing .spike-platform::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;translate:-50% 0;pointer-events:none;opacity:.9;background:url('/images/landing/spike-stars-tile.webp') 0 0/1200px 1200px repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 260px,#000 calc(100% - 280px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 260px,#000 calc(100% - 280px),transparent 100%)}

/* « Integrated with », mieux intégré (03/11) : une rangée resserrée au
   centre au lieu de quatre logos étalés sur toute la largeur, même hauteur
   optique pour chaque logo, même blanc atténué (plein au survol), et plus de
   trait de séparation dessous. */
body.spike-landing .spike-supporters{border-bottom:0;padding:24px 0 8px}
body.spike-landing .spike-supporters>p{margin-bottom:22px}
body.spike-landing .spike-supporter-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 64px;max-width:920px;margin:0 auto}
body.spike-landing .spike-supporter-logos li{height:auto}
body.spike-landing .spike-supporter-logos img{width:auto;max-width:none;opacity:.55;transition:opacity .2s}
body.spike-landing .spike-supporter-logos li:hover img{opacity:.9}
body.spike-landing .spike-supporter-rise{height:28px}
body.spike-landing .spike-supporter-sumsub{height:54px;margin-block:-13px}
body.spike-landing .spike-supporter-match2pay{height:26px}
body.spike-landing .spike-supporter-tradingview{height:24px}
@media (max-width:767px){
  body.spike-landing .spike-supporter-logos{gap:18px 36px;max-width:340px}
  body.spike-landing .spike-supporter-rise{height:22px}
  body.spike-landing .spike-supporter-sumsub{height:42px;margin-block:-10px}
  body.spike-landing .spike-supporter-match2pay{height:20px}
  body.spike-landing .spike-supporter-tradingview{height:19px}
}

/* ═══ OFFRES, FINITIONS (03/11 : « on peut encore mieux faire ici »).
   Même contenu que l'app ; seulement la hiérarchie et l'alignement :
   · sélecteurs taille / étapes : même hauteur, même rayon, « Custom » sans
     liseré bleu, comme un segment normal ;
   · Classic et Turbo : bouton translucide ; seul Pro garde un bouton plein ;
   · Pro reste au niveau des autres cartes (l'anneau suffit), badge aligné
     sur le titre ; logo SPIKE des cartes atténué. ═══ */
body.spike-landing .spike-landing-offers .add-account-sizes.add-account-sizes{padding:4px;border-radius:12px;gap:2px}
body.spike-landing .spike-landing-offers .add-account-sizes button,
body.spike-landing .spike-landing-offers .add-account-steps .add-account-custom-segment{min-height:38px;border-radius:9px}
body.spike-landing .spike-landing-offers .add-account-steps.add-account-steps{margin-top:10px}
body.spike-landing .spike-landing-offers .add-account-steps .add-account-custom-segment.add-account-custom-segment{background:transparent !important;color:var(--ink-2) !important;box-shadow:none !important;border:0 !important;filter:none}
body.spike-landing .spike-landing-offers .add-account-steps .add-account-custom-segment.add-account-custom-segment:hover{color:var(--ink) !important;background:rgba(234,237,255,.06) !important}
body.spike-landing .spike-landing-offers .add-account-custom-dot{top:6px;right:6px;width:6px;height:6px;box-shadow:none}

:root body.spike-landing .spike-landing-offers .account-offer[data-size-headline]:not([data-variant="pro"]) .account-offer-start.account-offer-start.account-offer-start{background:rgba(234,237,255,.1);color:var(--ink);border:1px solid var(--line-strong)}
:root body.spike-landing .spike-landing-offers .account-offer[data-size-headline]:not([data-variant="pro"]) .account-offer-start.account-offer-start.account-offer-start:hover:not(:disabled){background:rgba(234,237,255,.16)}

body.spike-landing .spike-landing-offers .account-offer[data-size-headline][data-variant="pro"]{transform:none}
body.spike-landing .spike-landing-offers .account-offer-badge{top:4px}
body.spike-landing .spike-landing-offers .account-offer[data-size-headline] .account-offer-brand{opacity:.35}

/* ═══ HÉROS TRÈS LARGE (03/11 : « en très large ça zoome trop la
   Terre » puis « la Terre est bizarre »). À partir de 1800 px, la photo
   garde une taille fixe au lieu de s'étirer ; ses bords se fondent dans le
   ciel étoilé (fondu cuit dans l'image), sans sol prolongé en miroir. ═══ */
@media (min-width:1800px){
  body.spike-landing main#content::before{background:image-set(url('/images/landing/earth-horizon-centre-3200.webp') 1x,url('/images/landing/earth-horizon-centre-4608.webp') 2x) center calc(470px - 673px)/1800px auto no-repeat,url('/images/landing/spike-stars-tile.webp') 0 0/1200px 1200px repeat,#060815;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 700px,#0000 1020px);mask-image:linear-gradient(180deg,#000 0,#000 700px,#0000 1020px)}
}
@media (min-width:2400px){
  body.spike-landing main#content::before{background:image-set(url('/images/landing/earth-horizon-centre-3200.webp') 1x,url('/images/landing/earth-horizon-centre-4608.webp') 2x) center calc(520px - 785px)/2100px auto no-repeat,url('/images/landing/spike-stars-tile.webp') 0 0/1200px 1200px repeat,#060815}
}

/* ═══ DÉCOLLAGE DE LA LUNE (03/11). Fond : panorama Apollo 15 du mont
   Hadley + la Terre vue d'Apollo 11, ciel étoilé (NASA, domaine public).
   La fusée décolle vraiment : montée lente quand la section est à l'écran
   (classe is-launching posée par brand.js), flamme et fumée dans les tons
   chauds de la fusée du héros (crème, orange). ═══ */
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art img{filter:none;object-position:50% 100%;transform:none}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art::after{background:radial-gradient(ellipse 40% 46% at 50% 36%,rgba(6,8,21,.72),rgba(6,8,21,.28) 60%,transparent 82%),linear-gradient(180deg,#060815 0%,rgba(6,8,21,0) 20%,rgba(6,8,21,0) 78%,#060815 100%)}
body.spike-landing .spike-closing-rocket{opacity:.92;height:72%;bottom:10%;-webkit-mask-image:none;mask-image:none;will-change:transform}
body.spike-landing .spike-closing-rocket img{filter:brightness(1.05) contrast(1.05)}
body.spike-landing .spike-closing-plume{display:block;top:96%;width:130px;height:260px;background:radial-gradient(ellipse 26% 58% at 50% 0,#fffaf0 0%,#ffe0b0e6 18%,#ff9f5a99 42%,#f4643a33 62%,transparent 80%);filter:blur(5px);transform-origin:50% 0}
body.spike-landing .spike-closing-dust{background:radial-gradient(ellipse 18% 46% at 50% 42%,#fff2e2d9,#f1c9a266 45%,transparent 74%),radial-gradient(ellipse 34% 40% at 38% 62%,#c9a88f99,transparent 72%),radial-gradient(ellipse 34% 40% at 62% 62%,#c9a88f99,transparent 72%)}
body.spike-landing .spike-closing-smoke{background:radial-gradient(ellipse 22% 55% at 50% 70%,#f6e6d4b3,transparent 72%),radial-gradient(ellipse 20% 50% at 30% 78%,#cdb39ca6,transparent 72%),radial-gradient(ellipse 20% 50% at 70% 78%,#cdb39ca6,transparent 72%)}
@keyframes spike-moon-rise{0%{transform:translateY(14%)}100%{transform:translateY(-10%)}}
@keyframes spike-moon-flame{0%,100%{transform:translateX(-50%) scaleY(1);opacity:.95}50%{transform:translateX(-50%) scaleY(1.18);opacity:1}}
body.spike-landing .spike-closing-plume{translate:none;transform:translateX(-50%)}
body.spike-landing .spike-closing.is-launching .spike-closing-rocket{animation:spike-moon-rise 7s cubic-bezier(.45,0,.25,1) infinite alternate}
body.spike-landing .spike-closing.is-launching .spike-closing-plume{animation:spike-moon-flame .35s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){body.spike-landing .spike-closing-rocket,body.spike-landing .spike-closing-plume{animation:none !important}}
@media (max-width:767px){body.spike-landing .spike-closing-rocket{height:56%;bottom:20%}body.spike-landing .spike-closing-plume{width:80px;height:160px}}

/* Tablette 768–1023 px (03/11 : « dans cette vue tout est cassé ») :
   le héros ne prend plus toute la hauteur de la fenêtre (le vide sous la
   Terre venait du min-height 100svh) ; la Terre continue sous l'espace qui
   précède la section suivante, comme sur ordinateur. */
@media (min-width:768px) and (max-width:1023px){
  body.spike-landing .spike-intro{min-height:0;padding-bottom:120px}
  body.spike-landing .spike-intro~.spike-platform{margin-top:calc(var(--spike-section-space) - 120px)}
}
@media (min-width:768px) and (max-width:1023px){
  body.spike-landing main#content::before{--earth:max(100vw,1100px);background-size:var(--earth) auto;background-position:center calc(470px - .374 * var(--earth));-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(470px + .2927 * var(--earth) - 300px),#0000 calc(470px + .2927 * var(--earth) - 2px));mask-image:linear-gradient(180deg,#000 0,#000 calc(470px + .2927 * var(--earth) - 300px),#0000 calc(470px + .2927 * var(--earth) - 2px))}
}
/* « Built on » : a small, discreet background (03/11) — glass pill, hairline, no glow */
body.spike-landing .spike-hero .spike-eyebrow{padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(234,237,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media (max-width:767px){body.spike-landing .spike-hero .spike-eyebrow{padding:6px 12px}}

/* Buttons sit above the Earth, never on it (03/11): 40 px under the
   headline; on very wide screens (bigger headline) the horizon drops to 520. */
@media (min-width:768px){body.spike-landing .spike-hero-actions{margin-top:40px}}

/* Scène de fin : juste la fusée (03/11) — plus d'anneaux ni de logos en orbite. */
body.spike-landing .spike-closing-orbit{display:none}

/* ═══ ALL-IN-ONE (03/11), au-dessus de « Where high performers
   belong ». Version sobre (« AI slop » sinon) : titre centré, la vraie
   capture du tableau de bord, quatre points en texte simple. Pas de
   cartes flottantes ni de pastilles. ═══ */
body.spike-landing .spike-allinone{margin-top:var(--spike-section-space);text-align:center}
body.spike-landing .spike-allinone-frame{position:relative;max-width:1100px;aspect-ratio:16/9;margin:var(--spike-heading-space) auto 0;overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:#0b0c10;box-shadow:0 0 0 1px #000,0 0 80px -10px rgba(79,128,240,.24),0 50px 100px -40px #000}
body.spike-landing .spike-aio-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .6s ease}
body.spike-landing .spike-aio-shot.is-active{opacity:1}
body.spike-landing .spike-allinone-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1100px;margin:32px auto 0;padding:0;list-style:none;text-align:left}
body.spike-landing .spike-allinone-points button{position:relative;display:block;width:100%;padding:16px 0 0;border:0;border-top:1px solid var(--line-strong);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
body.spike-landing .spike-allinone-points button::before{content:"";position:absolute;top:-1px;left:0;height:1px;width:0;background:var(--ink)}
body.spike-landing .spike-allinone-points button[aria-pressed="true"]::before{width:100%;transition:width 5s linear}
body.spike-landing .spike-allinone-points b{display:block;font-size:18px;font-weight:500;color:var(--ink-3);transition:color .2s}
body.spike-landing .spike-allinone-points span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-3);transition:color .2s}
body.spike-landing .spike-allinone-points button[aria-pressed="true"] b,body.spike-landing .spike-allinone-points button:hover b{color:var(--ink)}
body.spike-landing .spike-allinone-points button[aria-pressed="true"] span{color:var(--ink-2)}
body.spike-landing .spike-allinone-points button:focus-visible{outline:2px solid var(--spike-green);outline-offset:4px}
@media (prefers-reduced-motion:reduce){body.spike-landing .spike-allinone-points button[aria-pressed="true"]::before{transition:none}}
@media (max-width:767px){
  body.spike-landing .spike-allinone-frame{border-radius:10px}
  body.spike-landing .spike-allinone-points{grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:32px}
  body.spike-landing .spike-allinone-points b{font-size:16px}
  body.spike-landing .spike-allinone-points span{font-size:14px}
}

/* Scène de fin : la fusée seule (03/11) — plus de sol lunaire ni de
   Terre : la photo de la fusée SPIKE au centre, sur le ciel bleu nuit étoilé
   de la page, qui décolle avec sa flamme. */
body.spike-landing .spike-closing-art img,
body.spike-landing .spike-closing-dust,
body.spike-landing .spike-closing-smoke,
body.spike-landing .spike-closing-ground{display:none}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art{background:url('/images/landing/spike-stars-tile.webp') 0 0/1200px 1200px repeat,radial-gradient(ellipse 50% 60% at 50% 70%,rgba(56,92,214,.16),transparent 70%)}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art::after{background:radial-gradient(ellipse 34% 40% at 50% 40%,rgba(6,8,21,.6),transparent 80%),linear-gradient(180deg,#060815 0%,rgba(6,8,21,0) 18%,rgba(6,8,21,0) 80%,#060815 100%)}
/* … en action, avec de la fumée (03/11) : flamme vive, traînée de fumée
   qui s'élargit sous les moteurs, nuages qui gonflent en bas de la scène.
   Couleurs de la traînée de la fusée du héros (crème, pêche, gris chaud). */
body.spike-landing .spike-closing-rocket{overflow:visible}
body.spike-landing .spike-closing-plume{top:95%;width:90px;height:200px;background:radial-gradient(ellipse 30% 55% at 50% 0,#fffdf6 0%,#ffe6bdf2 16%,#ffb070b3 38%,#f4783f4d 60%,transparent 80%);filter:blur(4px)}
body.spike-landing .spike-closing-rocket::after{content:"";position:absolute;left:50%;top:104%;width:340px;height:620px;translate:-50% 0;z-index:-1;pointer-events:none;filter:blur(16px);
  background:
    radial-gradient(ellipse 22% 14% at 50% 6%,#ffe9cfd9,transparent 70%),
    radial-gradient(ellipse 34% 20% at 46% 26%,#f2dccad0,transparent 72%),
    radial-gradient(ellipse 40% 22% at 56% 44%,#d9c9bcc0,transparent 72%),
    radial-gradient(ellipse 48% 24% at 44% 64%,#b9adb0a8,transparent 74%),
    radial-gradient(ellipse 50% 22% at 54% 84%,#8f8a9a80,transparent 74%);
  -webkit-mask-image:linear-gradient(180deg,#000 55%,#0000 100%);mask-image:linear-gradient(180deg,#000 55%,#0000 100%);transform-origin:50% 0}
body.spike-landing .spike-closing-smoke{display:block;position:absolute;left:-10%;right:-10%;bottom:-6%;height:42%;z-index:0;pointer-events:none;filter:blur(26px);opacity:.9;
  background:
    radial-gradient(ellipse 18% 46% at 50% 72%,#f1e2d4d9,transparent 72%),
    radial-gradient(ellipse 20% 40% at 36% 82%,#c9bcb4b8,transparent 72%),
    radial-gradient(ellipse 20% 40% at 64% 82%,#c9bcb4b8,transparent 72%),
    radial-gradient(ellipse 22% 36% at 22% 92%,#8e8a9a99,transparent 72%),
    radial-gradient(ellipse 22% 36% at 78% 92%,#8e8a9a99,transparent 72%)}
@keyframes spike-smoke-billow{0%,100%{transform:scale(1,1);opacity:.85}50%{transform:scale(1.08,1.12);opacity:1}}
@keyframes spike-smoke-trail{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.14)}}
body.spike-landing .spike-closing.is-launching .spike-closing-smoke{animation:spike-smoke-billow 4s ease-in-out infinite;transform-origin:50% 100%}
body.spike-landing .spike-closing.is-launching .spike-closing-rocket::after{animation:spike-smoke-trail 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){body.spike-landing .spike-closing-smoke,body.spike-landing .spike-closing-rocket::after{animation:none !important}}
@media (max-width:767px){body.spike-landing .spike-closing-rocket::after{width:200px;height:380px}body.spike-landing .spike-closing-smoke{height:34%}}
body.spike-landing .spike-closing-rocket{height:58%;bottom:30%}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art::after{background:radial-gradient(ellipse 34% 40% at 50% 40%,rgba(6,8,21,.55),transparent 80%),linear-gradient(180deg,#060815 0%,rgba(6,8,21,0) 16%,rgba(6,8,21,0) 92%,#060815 100%)}
body.spike-landing .spike-closing-art{z-index:0}
body.spike-landing .spike-closing-smoke{z-index:1;height:48%;opacity:1;filter:blur(22px)}
body.spike-landing .spike-closing-rocket::after{height:min(520px,42vh);filter:blur(12px)}
@media (max-width:767px){body.spike-landing .spike-closing-rocket{height:46%;bottom:34%}}
body.spike-landing .spike-closing-rocket::after{top:97%;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 12%,#000 55%,#0000 100%);mask-image:linear-gradient(180deg,#0000 0,#000 12%,#000 55%,#0000 100%)}
/* Rocket stays where it is, without the red/orange cast (03/11): neutral
   steel body, white-hot flame; the smoke fades out before the section's edge. */
body.spike-landing .spike-closing-rocket img{filter:grayscale(1) brightness(1.08) contrast(1.06)}
body.spike-landing .spike-closing-plume{background:radial-gradient(ellipse 30% 55% at 50% 0,#ffffff 0%,#f4f6ffe6 18%,#c9d4ff80 40%,#9fb2ff33 60%,transparent 80%)}
body.spike-landing .spike-closing-rocket::after{background:radial-gradient(ellipse 22% 14% at 50% 6%,#eef0f6d9,transparent 70%),radial-gradient(ellipse 34% 20% at 46% 26%,#dfe2eacc,transparent 72%),radial-gradient(ellipse 40% 22% at 56% 44%,#c6cad6b8,transparent 72%),radial-gradient(ellipse 48% 24% at 44% 64%,#a9adbda0,transparent 74%),radial-gradient(ellipse 50% 22% at 54% 84%,#8a8ea380,transparent 74%)}
body.spike-landing .spike-closing-smoke{background:radial-gradient(ellipse 18% 46% at 50% 72%,#e9ebf2d9,transparent 72%),radial-gradient(ellipse 20% 40% at 36% 82%,#c3c7d3b8,transparent 72%),radial-gradient(ellipse 20% 40% at 64% 82%,#c3c7d3b8,transparent 72%),radial-gradient(ellipse 22% 36% at 22% 92%,#8b8fa399,transparent 72%),radial-gradient(ellipse 22% 36% at 78% 92%,#8b8fa399,transparent 72%);-webkit-mask-image:linear-gradient(180deg,#000 60%,#0000 96%);mask-image:linear-gradient(180deg,#000 60%,#0000 96%)}

/* Décollage depuis la Lune, fusée fixe (03/11 : « la fusée laisse-la
   fixe, sans effet rouge, avec un décollage depuis la Lune »). Retour du sol
   lunaire (panorama Apollo 15, sans la Terre) ; la fusée ne bouge plus, posée
   juste au-dessus de la crête ; seules la flamme et la fumée s'animent. */
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art img{display:block;object-fit:cover;object-position:50% 100%;filter:none;transform:none}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art{background:#060815}
body.spike-landing .spike-closing-rocket{height:56%;bottom:16%}
body.spike-landing .spike-closing.is-launching .spike-closing-rocket{animation:none}
body.spike-landing .spike-closing-rocket::after{height:min(300px,26vh)}
body.spike-landing .spike-closing-smoke{height:30%;bottom:-2%}
@media (max-width:767px){body.spike-landing .spike-closing-rocket{height:44%;bottom:22%}}

/* Plus grosse fusée, fumée plus impressionnante (03/11) : la fusée
   occupe ~80 % de la hauteur ; sous les moteurs, une colonne de fumée épaisse
   qui s'écrase sur le sol et roule de chaque côté en gros nuages, avec la
   lueur de la flamme sur le régolithe. */
body.spike-landing .spike-closing-rocket{height:82%;bottom:12%;opacity:1}
body.spike-landing .spike-closing-plume{top:96%;width:120px;height:240px;filter:blur(5px)}
body.spike-landing .spike-closing-rocket::after{top:96%;width:620px;height:min(420px,36vh);filter:blur(14px);
  background:radial-gradient(ellipse 18% 18% at 50% 8%,#fbfcff,transparent 70%),radial-gradient(ellipse 30% 26% at 46% 30%,#eceff6f2,transparent 72%),radial-gradient(ellipse 40% 30% at 56% 52%,#d7dbe6e6,transparent 72%),radial-gradient(ellipse 50% 32% at 44% 74%,#bfc4d2d9,transparent 74%),radial-gradient(ellipse 60% 30% at 54% 94%,#a3a8bbcc,transparent 74%);
  -webkit-mask-image:linear-gradient(180deg,#0000 0,#000 8%,#000 100%);mask-image:linear-gradient(180deg,#0000 0,#000 8%,#000 100%)}
body.spike-landing .spike-closing-smoke{left:-25%;right:-25%;bottom:-8%;height:46%;filter:blur(20px);opacity:1;
  background:
    radial-gradient(ellipse 14% 40% at 50% 60%,#f6f7fbf2,transparent 72%),
    radial-gradient(ellipse 13% 34% at 40% 70%,#e3e6eef0,transparent 72%),
    radial-gradient(ellipse 13% 34% at 60% 70%,#e3e6eef0,transparent 72%),
    radial-gradient(ellipse 14% 32% at 30% 78%,#cfd3dde6,transparent 72%),
    radial-gradient(ellipse 14% 32% at 70% 78%,#cfd3dde6,transparent 72%),
    radial-gradient(ellipse 16% 30% at 19% 86%,#b4b9c8d9,transparent 72%),
    radial-gradient(ellipse 16% 30% at 81% 86%,#b4b9c8d9,transparent 72%),
    radial-gradient(ellipse 18% 28% at 8% 92%,#9599adb8,transparent 72%),
    radial-gradient(ellipse 18% 28% at 92% 92%,#9599adb8,transparent 72%);
  -webkit-mask-image:linear-gradient(180deg,#000 70%,#0000 100%);mask-image:linear-gradient(180deg,#000 70%,#0000 100%)}
body.spike-landing .spike-closing-dust{display:block;position:absolute;left:50%;bottom:4%;width:min(1100px,100vw);height:30%;translate:-50% 0;z-index:1;filter:blur(30px);opacity:.8;pointer-events:none;background:radial-gradient(ellipse 40% 50% at 50% 60%,rgba(220,228,255,.55),transparent 75%)}
@keyframes spike-smoke-roll{0%,100%{transform:scale(1,1)}50%{transform:scale(1.06,1.14)}}
body.spike-landing .spike-closing.is-launching .spike-closing-smoke{animation:spike-smoke-roll 5s ease-in-out infinite;transform-origin:50% 100%}
@media (max-width:767px){
  body.spike-landing .spike-closing-rocket{height:66%;bottom:16%}
  body.spike-landing .spike-closing-rocket::after{width:300px;height:220px}
  body.spike-landing .spike-closing-smoke{left:-60%;right:-60%;height:38%}
}
/* « Built on » en carré (03/11) */
body.spike-landing .spike-hero .spike-eyebrow{border-radius:6px}
/* All-in-one: crossfade without the two screens showing through each other */
body.spike-landing .spike-aio-shot{transition:opacity .35s ease}
body.spike-landing .spike-aio-shot:not(.is-active){transition-delay:0s;opacity:0}
body.spike-landing .spike-aio-shot.is-active{z-index:1}
/* Les trois cartes du héros un peu plus bas, dans la Terre (03/11) */
@media (min-width:768px){body.spike-landing .spike-intro .spike-benefits{margin-top:110px}}
/* Closing scene starts with no visible band: transparent background, image
   fading in from the page (03/11 « supprime cette différence »). */
body.spike-landing .spike-closing.spike-closing-immersive,
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art{background:transparent}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art{-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 30%);mask-image:linear-gradient(180deg,#0000 0,#000 30%)}
/* Feature tabs: no boxy focus ring on click, a soft one for keyboard users */
body.spike-landing .spike-allinone-points button:focus{outline:none}
body.spike-landing .spike-allinone-points button:focus-visible{outline:1px solid var(--line-strong);outline-offset:6px;border-radius:4px}
/* « Pick a plan » juste à gauche de « Trade now » (03/11) : même taille,
   bouton secondaire translucide comme « Start trading ». */
body.spike-landing .spike-header-actions{display:flex;align-items:center;gap:8px}
body.spike-landing .spike-header-plan{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid var(--line-strong);border-radius:8px;background:rgba(234,237,255,.08);color:var(--ink);font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s}
body.spike-landing .spike-header-plan:hover{background:rgba(234,237,255,.14)}
@media (max-width:1024px){body.spike-landing .spike-header-plan{display:none}}
/* Fusée plus visible : plus de voile sombre au centre ; le texte garde sa
   lisibilité grâce à un léger flou derrière lui seulement (03/11). */
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art::after{background:linear-gradient(180deg,#060815 0%,rgba(6,8,21,0) 18%,rgba(6,8,21,0) 92%,#060815 100%)}
body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading{padding:20px 32px 24px;border-radius:20px;background:rgba(6,8,21,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,#0000 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,#0000 100%);padding:40px 72px 44px}
@media (max-width:767px){body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading{padding:14px 16px 18px}}
body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask-image:none;mask-image:none;isolation:isolate}
body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading::before{content:"";position:absolute;inset:-20px -40px;z-index:-1;border-radius:50%;background:rgba(6,8,21,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,#0000 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,#0000 100%);pointer-events:none}

/* ═══ MARCHÉS (03/11) : remplace « Where high performers belong »
   (masquée pour le moment). Quatre rangées de pastilles qui défilent en
   sens alterné, bords fondus ; logos locaux de l'app. ═══ */
body.spike-landing .spike-life{display:none}
body.spike-landing .spike-assets{margin-top:var(--spike-section-space);text-align:center}
body.spike-landing .spike-assets-rows{display:grid;gap:14px;margin:var(--spike-heading-space) calc(50% - 50vw) 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18%,#000 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18%,#000 82%,#0000)}
body.spike-landing .spike-assets-row{display:flex;width:max-content;gap:14px;animation:spike-assets-scroll 60s linear infinite}
body.spike-landing .spike-assets-row.is-reverse{animation-direction:reverse;animation-duration:72s}
body.spike-landing .spike-assets-row ul{display:flex;gap:14px;margin:0;padding:0;list-style:none}
body.spike-landing .spike-assets-row li{display:flex;align-items:center;gap:12px;padding:8px 22px 8px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(234,237,255,.04);text-align:left}
body.spike-landing .spike-assets-row img{width:40px;height:40px;border-radius:50%;background:#fff;object-fit:cover}
body.spike-landing .spike-assets-row b{display:block;font-size:16px;font-weight:500;line-height:1.2;color:var(--ink)}
body.spike-landing .spike-assets-row small{display:block;font-size:12px;line-height:1.3;color:var(--ink-3)}
body.spike-landing .spike-assets:hover .spike-assets-row{animation-play-state:paused}
@keyframes spike-assets-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
@media (prefers-reduced-motion:reduce){body.spike-landing .spike-assets-row{animation:none}}
@media (max-width:767px){
  body.spike-landing .spike-assets-rows{gap:10px}
  body.spike-landing .spike-assets-row,body.spike-landing .spike-assets-row ul{gap:10px}
  body.spike-landing .spike-assets-row li{gap:9px;padding:6px 16px 6px 6px}
  body.spike-landing .spike-assets-row img{width:32px;height:32px}
  body.spike-landing .spike-assets-row b{font-size:14px}
}

/* Fumée du décollage plus forte, et sans coupure en bas de la scène */
body.spike-landing .spike-closing-smoke{height:58%;bottom:-4%;filter:blur(24px)}
body.spike-landing .spike-closing-rocket::after{width:780px;height:min(520px,44vh)}
body.spike-landing .spike-closing.spike-closing-immersive{-webkit-mask-image:linear-gradient(180deg,#000 88%,#0000 100%);mask-image:linear-gradient(180deg,#000 88%,#0000 100%)}
@keyframes spike-assets-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--loop,50%)))}}
body.spike-landing .spike-assets-row{animation-duration:38s}
body.spike-landing .spike-assets-row.is-reverse{animation-duration:46s}

@media (min-width:1025px){
  body.spike-landing .spike-header{padding:0 24px;background:rgba(6,8,21,.86);border-bottom:1px solid var(--line)}
  body.spike-landing .spike-header-inner{max-width:1290px;margin:0 auto;height:64px}
  body.spike-landing .spike-navigation{margin-left:48px;gap:36px}
  body.spike-landing .spike-navigation a,
  body.spike-landing .spike-navigation a[aria-current]{min-height:0;padding:0;border-radius:0;background:none !important;color:var(--ink);font-size:16px;font-weight:500;opacity:.92}
  body.spike-landing .spike-navigation a:hover{opacity:1;color:#fff}
  body.spike-landing .spike-header-actions{gap:28px}
  body.spike-landing .spike-header-plan{min-height:0;padding:0;border:0;background:none;color:var(--ink);font-size:16px;font-weight:500}
  body.spike-landing .spike-header-plan:hover{background:none;color:#fff}
  body.spike-landing .spike-header-actions .spike-login{min-height:36px;padding:0 16px;border-radius:8px;font-size:16px;font-weight:500}
}
@media (min-width:1025px){body.spike-landing .spike-header .spike-navigation a:is([aria-current],:not([aria-current])){color:var(--ink);opacity:.92}body.spike-landing .spike-header .spike-navigation a:hover{opacity:1}}
/* Markets marquee: within the content column (max 1100 px), strong fade on both sides */
body.spike-landing .spike-assets-rows{max-width:1100px;margin:var(--spike-heading-space) auto 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22%,#000 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 22%,#000 78%,#0000 100%)}
body.spike-landing .spike-assets .spike-section-heading>p:not(.spike-kicker){text-wrap:balance}
@media (max-width:767px){body.spike-landing .spike-assets-rows{max-width:none;margin-inline:calc(-1 * var(--spike-page-gutter))}}

body.spike-landing .spike-header .spike-wordmark{gap:12px;font-size:21px;font-weight:500;letter-spacing:.14em}
body.spike-landing .spike-header .spike-wordmark span{background:linear-gradient(180deg,#f4f5f8 0%,#c3c6cf 55%,#9a9eaa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.spike-landing .spike-header .spike-wordmark .spike-mark{width:28px;height:28px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.25)) brightness(.92) contrast(1.05);opacity:.95}

/* ═══ MOBILE (03/11 : « la version mobile est à chier »). ═══ */
@media (max-width:1024px){
  body.spike-landing .spike-header-actions .spike-login{white-space:nowrap;min-height:40px;padding:0 16px;font-size:15px;font-weight:600}
  body.spike-landing .spike-header-actions{gap:10px}
}
@media (max-width:767px){
  /* All-in-one: screenshot edge to edge, the four tabs as one compact row */
  body.spike-landing .spike-allinone-frame{margin-inline:calc(-1 * var(--spike-page-gutter));border-radius:0;border-left:0;border-right:0;max-width:none}
  body.spike-landing .spike-allinone-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}
  body.spike-landing .spike-allinone-points button{padding-top:12px;text-align:center}
  body.spike-landing .spike-allinone-points b{font-size:13px;line-height:1.25}
  body.spike-landing .spike-allinone-points span{display:none}
  body.spike-landing .spike-allinone .spike-section-heading>p:not(.spike-kicker){max-width:300px;margin-inline:auto}
  /* Closing: rocket fully above the text, smoke under the button */
  body.spike-landing .spike-closing-rocket{height:52%;bottom:20%}
  /* Calmer vertical rhythm */
  body.spike-landing{--spike-section-space:88px}
}

body.spike-landing .spike-footer{margin-top:var(--spike-section-space);padding:0 40px;border-top:0;background:#0b0d18}
body.spike-landing .spike-footer-main{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px;max-width:1290px;width:100%;margin:0 auto;padding:56px 0 48px}
body.spike-landing .spike-footer-brand .spike-wordmark{font-size:20px;gap:10px}
body.spike-landing .spike-footer-brand .spike-wordmark .spike-mark{width:26px;height:26px}
body.spike-landing .spike-footer-brand p{max-width:300px;margin-top:20px;font-size:15px;line-height:1.5;color:var(--ink-2)}
body.spike-landing .spike-footer-brand .spike-footer-built{margin-top:16px;font-size:13px;color:var(--ink-3)}
body.spike-landing .spike-footer-brand .spike-footer-built b{font-weight:500;color:var(--ink)}
body.spike-landing .spike-footer-main h2{margin:0 0 14px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-3)}
body.spike-landing .spike-footer-main>div:not(:first-child) a{display:block;margin-top:10px;font-size:14px;color:var(--ink)}
body.spike-landing .spike-footer-main>div:not(:first-child) a:hover{color:#fff}
body.spike-landing .spike-footer-legal{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1290px;width:100%;margin:0 auto;padding:20px 0 28px;border-top:0;font-size:12px;line-height:1.5;color:var(--ink-3)}
body.spike-landing .spike-footer-legal p{margin:0;max-width:none}
body.spike-landing .spike-footer-legal p:first-child{max-width:760px}
body.spike-landing .spike-footer-legal p+p{margin:0;white-space:nowrap}
@media (max-width:767px){
  body.spike-landing .spike-footer{padding:0 var(--spike-page-gutter)}
  body.spike-landing .spike-footer-main{grid-template-columns:1fr 1fr;gap:32px 20px;padding:40px 0 32px}
  body.spike-landing .spike-footer-brand{grid-column:1/-1}
  body.spike-landing .spike-footer-legal{flex-direction:column;align-items:flex-start;gap:10px}
}

/* FAQ sans contour (03/11 : « supprime les strokes ») */
body.spike-landing .spike-faq details{border:0;box-shadow:none}
body.spike-landing .spike-footer{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;box-sizing:border-box}

body.spike-landing .spike-footer-chart{display:block;width:100vw;height:220px;margin:24px 0 0 calc(50% - 50vw);-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 30%);mask-image:linear-gradient(180deg,#0000 0,#000 30%)}
body.spike-landing .spike-footer-chart+.spike-footer{margin-top:0}
@media (max-width:767px){body.spike-landing .spike-footer-chart{height:150px}}

@media (max-width:1023px){
  body.spike-landing{--spike-page-gutter:32px}
  body.spike-landing .spike-header-inner{height:64px}
  body.spike-landing .spike-intro{margin-top:-64px;padding-top:64px}
  body.spike-landing .spike-section-heading h2,
  body.spike-landing .spike-platform .spike-devices-heading h2,
  body.spike-landing .spike-challenges .spike-section-heading h2,
  body.spike-landing .spike-faq .spike-section-heading h2,
  body.spike-landing .spike-allinone h2,
  body.spike-landing .spike-closing .spike-section-heading h2,
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading h2{font-size:36px;line-height:1.05;font-weight:500;letter-spacing:-.05em}
  body.spike-landing .spike-section-heading>p:not(.spike-kicker),
  body.spike-landing .spike-platform .spike-devices-heading>p:not(.spike-kicker),
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading>p{font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.01em}
  body.spike-landing .spike-hero-actions,
  body.spike-landing .spike-closing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:auto}
  body.spike-landing .spike-hero-actions .spike-button,
  body.spike-landing .spike-closing-actions .spike-button,
  body.spike-landing .spike-allinone .spike-button{width:200px;min-width:200px;min-height:54px;padding:0 24px;border-radius:12px;font-size:18px;font-weight:700}
}
@media (max-width:767px){
  body.spike-landing .spike-hero-actions{flex-direction:column;align-items:center}
}
@media (max-width:1023px){body.spike-landing .spike-hero-actions .spike-button,body.spike-landing .spike-closing-actions .spike-button,body.spike-landing .spike-allinone .spike-button{width:auto;white-space:nowrap}}
/* Sans la Lune (03/11) : la fusée seule sur le ciel étoilé, avec sa flamme et sa fumée. */
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art img{display:none}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art{background:url('/images/landing/spike-stars-tile.webp') 0 0/1200px 1200px repeat}

body.spike-landing .spike-closing-smoke,
body.spike-landing .spike-closing-dust,
body.spike-landing .spike-closing-rocket::after{display:none}
body.spike-landing .spike-closing.spike-closing-immersive{align-items:stretch;-webkit-mask-image:none;mask-image:none}
body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading,
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-actions{width:min(1290px,calc(100% - 2 * var(--spike-page-gutter)));max-width:none;margin-inline:auto;text-align:left;justify-content:flex-start}
body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading{padding:0}
body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading::before{display:none}
body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading>p{margin-left:0}
@media (min-width:1024px){
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading h2{font-size:88px;line-height:.98;letter-spacing:-.055em}
  body.spike-landing .spike-closing-rocket{left:74%;bottom:6%;height:88%}
}
@media (max-width:1023px){
  body.spike-landing .spike-closing-rocket{left:78%;height:62%;bottom:8%;opacity:.9}
}
/* Mention légale repliée (03/11 « laisse ça caché ») */
body.spike-landing .spike-footer-legal{align-items:flex-start}
body.spike-landing .spike-footer-legal .spike-legal-details{margin:0;font-size:13px;color:var(--ink-3)}
body.spike-landing .spike-footer-legal .spike-legal-details summary{min-height:0;cursor:pointer}
body.spike-landing .spike-footer-legal .spike-legal-details p{max-width:760px;margin-top:10px;font-size:12px;line-height:1.6}
/* Mobile : la fusée passe derrière, à droite, plus discrète */
@media (max-width:767px){body.spike-landing .spike-closing-rocket{left:auto;right:-6%;translate:0 0;height:58%;bottom:6%;opacity:.45;z-index:0}}
/* Paires de devises : deux drapeaux qui se chevauchent */
body.spike-landing .spike-fx{position:relative;display:block;flex:none;width:40px;height:40px}
body.spike-landing .spike-assets-row .spike-fx img{position:absolute;width:26px;height:26px;border-radius:50%;object-fit:cover;background:none}
body.spike-landing .spike-assets-row .spike-fx img:first-child{left:0;top:0}
body.spike-landing .spike-assets-row .spike-fx img:last-child{right:0;bottom:0;box-shadow:0 0 0 2px #0b0d18}
@media (max-width:767px){body.spike-landing .spike-fx{width:32px;height:32px}body.spike-landing .spike-assets-row .spike-fx img{width:21px;height:21px}}

body.spike-landing .spike-footer-chart{display:none}
body.spike-landing .spike-close-wall{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 4px 6px,rgba(234,237,255,.16) .9px,transparent 1.2px);background-size:8px 12px;background-position:0 100%;-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 60%);mask-image:linear-gradient(180deg,transparent 8%,#000 60%)}
body.spike-landing .spike-close-wall canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.6s ease}
body.spike-landing .spike-close-wall canvas[data-on]{opacity:1}
body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-art{background:none}
body.spike-landing .spike-closing-rocket{z-index:1}
body.spike-landing .spike-closing.spike-closing-immersive{padding-bottom:0;min-height:min(980px,max(760px,92vh))}
body.spike-landing .spike-closing.spike-closing-immersive+*,body.spike-landing .spike-footer{margin-top:0}

/* Bouton de fin en blanc (03/11) */
body.spike-landing .spike-closing-actions .spike-button.spike-button-plan{background:var(--ink);color:#07080e;border-color:transparent}
body.spike-landing .spike-closing-actions .spike-button.spike-button-plan:hover{background:#fff}

/* ═══ MOBILE 10/10 (03/11 : « mobile 2/10, ramène à 10/10 »).
   Rythme régulier : 64 px entre sections (au lieu de 168), titres 36 px,
   rien d'illisible, pas de blancs morts. ═══ */
@media (max-width:767px){
  body.spike-landing{--spike-section-space:64px;--spike-heading-space:28px}
  body.spike-landing .spike-section,body.spike-landing .spike-challenges{padding-top:0;padding-bottom:0}
  body.spike-landing .spike-allinone,body.spike-landing .spike-assets,body.spike-landing .spike-faq,body.spike-landing .spike-challenges{margin-top:var(--spike-section-space)}
  /* Hero: three figures on one row, compact */
  body.spike-landing .spike-intro{min-height:0}
  body.spike-landing .spike-intro .spike-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px;padding-top:0}
  body.spike-landing .spike-intro .spike-benefits>div{min-height:0;padding:14px 6px;gap:4px;border-radius:12px}
  body.spike-landing .spike-intro .spike-benefits strong{font-size:20px;line-height:1.1;white-space:nowrap}
  body.spike-landing .spike-intro .spike-benefits strong img,body.spike-landing .spike-intro .spike-benefits strong svg{width:16px;height:16px}
  body.spike-landing .spike-intro .spike-benefits span{font-size:11px;line-height:1.25}
  body.spike-landing .spike-intro .spike-benefits>div:nth-child(3) strong{font-size:16px}
  body.spike-landing .spike-intro .spike-benefits>div:nth-child(3){grid-column:auto;flex-direction:column}
  /* Platform: phone smaller, tighter */
  body.spike-landing .spike-platform{margin-top:48px}
  body.spike-landing .spike-platform .spike-device-phone{width:min(68%,280px)}
  body.spike-landing .spike-supporters{padding:20px 0 0}
  /* All-in-one: crop the screenshot to its readable left half */
  body.spike-landing .spike-allinone-frame{aspect-ratio:4/3}
  body.spike-landing .spike-aio-shot{object-position:0 0;width:180%;height:auto;max-width:none}
  body.spike-landing .spike-allinone-frame{height:auto}
  /* Closing: no dead space, rocket small on the right, text clear */
  body.spike-landing .spike-closing.spike-closing-immersive{min-height:0;padding:72px var(--spike-page-gutter) 140px}
  body.spike-landing .spike-closing-rocket{right:-2%;left:auto;translate:0 0;bottom:4%;height:62%;opacity:.55}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading h2{font-size:40px}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading{max-width:72%}
  /* Footer: tighter link list */
  body.spike-landing .spike-footer-main{gap:28px 20px;padding:36px 0 24px}
  body.spike-landing .spike-footer-main h2{margin-bottom:6px}
  body.spike-landing .spike-footer-main>div:not(:first-child) a{margin-top:8px;font-size:15px;line-height:1.4}
  body.spike-landing .spike-footer-legal{padding:8px 0 28px}
}
@media (max-width:767px){
  body.spike-landing .spike-intro .spike-benefits{align-items:stretch}
  body.spike-landing .spike-intro .spike-benefits>div{justify-content:center;padding:14px 6px}
  body.spike-landing .spike-intro .spike-benefits strong,body.spike-landing .spike-intro .spike-benefits>div:nth-child(3) strong{font-size:17px}
  body.spike-landing .spike-intro .spike-benefits span{white-space:nowrap;font-size:10.5px}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading,
  body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-actions{width:100%}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading{max-width:none}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading h2{font-size:38px;max-width:none}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading>p{max-width:62%}
  body.spike-landing .spike-footer-main>div:not(:first-child) a{min-height:0;margin-top:12px}
}
@media (max-width:767px){body.spike-landing .spike-intro .spike-benefits>.spike-benefit-integration{margin-top:0}}

@media (max-width:767px){
  /* Héros */
  body.spike-landing .spike-hero-actions .spike-button-glass{display:none}

  /* Cartes de fonctionnalité */
  body.spike-landing .spike-allinone,
  body.spike-landing .spike-assets{margin-inline:calc(12px - var(--spike-page-gutter));padding:32px 0 32px;border:1px solid rgba(203,208,235,.1);border-radius:24px;background:#12111a;text-align:left;overflow:hidden}
  body.spike-landing .spike-allinone .spike-section-heading,
  body.spike-landing .spike-assets .spike-section-heading{padding:0 32px;margin:0;text-align:left}
  body.spike-landing .spike-allinone .spike-kicker,
  body.spike-landing .spike-assets .spike-kicker{margin:0 0 10px;font-size:16px;color:var(--spike-green)}
  body.spike-landing .spike-allinone h2,
  body.spike-landing .spike-assets .spike-section-heading h2{font-size:28px;line-height:32px;font-weight:500;letter-spacing:-.03em;text-wrap:pretty}
  body.spike-landing .spike-allinone .spike-section-heading>p:not(.spike-kicker),
  body.spike-landing .spike-assets .spike-section-heading>p:not(.spike-kicker){margin:12px 0 0;max-width:none;font-size:15px;text-align:left}
  body.spike-landing .spike-allinone-frame{margin:24px 0 0;border-left:0;border-right:0;border-radius:0}
  body.spike-landing .spike-allinone-points{margin:16px 32px 0;width:auto}
  body.spike-landing .spike-assets-rows{margin:24px 0 0;max-width:none}

  /* Fin : centrée, un bouton, pas d'image */
  body.spike-landing .spike-closing-rocket{display:none}
  body.spike-landing .spike-closing.spike-closing-immersive{padding:96px var(--spike-page-gutter) 160px}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading,
  body.spike-landing .spike-closing.spike-closing-immersive .spike-closing-actions{text-align:center;justify-content:center}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading>p{max-width:none;margin-inline:auto}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading h2{font-size:36px}

  /* Pied : une colonne */
  body.spike-landing .spike-footer{padding:0 40px}
  body.spike-landing .spike-footer-main{grid-template-columns:1fr;gap:28px;padding:32px 0 24px}
  body.spike-landing .spike-footer-brand .spike-wordmark{font-size:30px}
  body.spike-landing .spike-footer-brand .spike-wordmark .spike-mark{width:34px;height:34px}
  body.spike-landing .spike-footer-brand p{font-size:20px;line-height:1.3;color:var(--ink-3);letter-spacing:-.02em}
  body.spike-landing .spike-footer-main h2{margin:0 0 4px;font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
  body.spike-landing .spike-footer-main>div:not(:first-child) a{margin-top:0;font-size:14px;line-height:28px}
  body.spike-landing .spike-footer-legal{padding:8px 0 48px}
}
@media (max-width:767px){body.spike-landing .spike-footer-main>div{display:block}}

@media (max-width:767px){
  /* Héros : titre → bouton → grand visuel (la Terre, plein écran) → chiffres posés dessus */
  body.spike-landing .spike-hero-copy{display:flex;flex-direction:column;align-items:center;padding-bottom:0}
  body.spike-landing .spike-hero .spike-eyebrow{order:0}
  body.spike-landing .spike-hero h1{order:1;font-size:44px;line-height:1.02}
  body.spike-landing .spike-hero-actions{order:2;margin:28px 0 0;position:relative;z-index:2}
  body.spike-landing .spike-hero-orbit{order:3;display:block;width:100vw;height:118vw;margin:-24px calc(50% - 50vw) 0;background:#060815 url('/images/landing/earth-horizon-hd2-3072.webp') 22% 62%/auto 128% no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
  body.spike-landing .spike-intro .spike-benefits{position:relative;z-index:2;margin-top:-34vw}
  body.spike-landing .spike-intro::before{display:none}

  
  body.spike-landing .spike-allinone{margin-top:var(--spike-section-space)}
  body.spike-landing .spike-allinone+.spike-assets{margin-top:12px}

  /* Offres : un carrousel horizontal (une carte + l'amorce de la suivante) au lieu de 1 300 px de défilement */
  body.spike-landing .spike-landing-offers .add-account-offers{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--spike-page-gutter));padding:4px var(--spike-page-gutter) 12px;scroll-padding-inline:var(--spike-page-gutter);scrollbar-width:none}
  body.spike-landing .spike-landing-offers .add-account-offers::-webkit-scrollbar{display:none}
  body.spike-landing .spike-landing-offers .add-account-offers>*{flex:0 0 84%;scroll-snap-align:start;min-width:0}
}
@media (max-width:767px){body.spike-landing .spike-hero-orbit{height:108vw;margin-top:-8px;background-size:auto 150%;background-position:24% 74%}body.spike-landing .spike-intro .spike-benefits{margin-top:-30vw}}

/* Mobile alignment pass (03/11 « plein d'éléments pas ajustés »). */
@media (max-width:767px){
  /* Feature cards really span 12 px from each edge (a fixed width kept them lopsided: 12 left, 52 right) */
  body.spike-landing .spike-allinone,body.spike-landing .spike-assets{width:auto;max-width:none}
  /* Feature tabs: 44 px touch targets */
  body.spike-landing .spike-allinone-points button{min-height:44px;padding-top:14px}
}
@media (max-width:1024px){
  /* Header: logo left, [Trade now][menu] grouped on the right — no button floating mid-bar */
  body.spike-landing .spike-header-inner{justify-content:flex-start;gap:0}
  body.spike-landing .spike-header-actions{margin-left:auto}
  body.spike-landing .spike-menu-toggle{margin-left:10px}
}
@media (max-width:767px){
  /* Hero: Earth starts right under the button, no empty sky band */
  body.spike-landing .spike-hero-orbit{height:96vw;margin-top:-56px;background-position:24% 82%}
  body.spike-landing .spike-intro .spike-benefits{margin-top:-28vw}
}
@media (max-width:767px){
  body.spike-landing .spike-hero-orbit{position:relative;z-index:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 14%,#000 34%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 14%,#000 34%,#000 80%,transparent 100%);background-color:transparent}
  body.spike-landing .spike-intro .spike-benefits>div{background:rgba(10,12,24,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}
@media (max-width:380px){
  body.spike-landing .spike-intro .spike-benefits{gap:6px}
  body.spike-landing .spike-intro .spike-benefits strong,body.spike-landing .spike-intro .spike-benefits>div:nth-child(3) strong{font-size:15px}
  body.spike-landing .spike-intro .spike-benefits span{font-size:9.5px}
  body.spike-landing .spike-intro .spike-benefits strong img{width:13px;height:13px}
}
@media (max-width:380px){body.spike-landing .spike-intro .spike-benefits strong img{display:none}}
@media (max-width:767px){
  /* Hero → phone: no dead band between the Earth and the phone */
  body.spike-landing .spike-intro+.spike-platform,body.spike-landing .spike-intro~.spike-platform,body.spike-landing .spike-platform{margin-top:8px}
  /* Closing: text higher, wall taller so it rises up to the button */
  body.spike-landing .spike-closing.spike-closing-immersive{padding:56px var(--spike-page-gutter) 230px}
  body.spike-landing .spike-close-wall{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
  body.spike-landing .spike-footer{border-top:1px solid var(--line)}
}
/* Mobile hero, fixed framing in vw (03/11 « horrible »): the Earth's
   horizon always sits ~24vw under the button, rocket trail on the left, the
   three figures resting on the clouds. No empty sky band at any width. */
@media (max-width:767px){
  body.spike-landing .spike-hero-orbit{height:92vw;margin-top:8px;background-image:url('/images/landing/earth-horizon-hd2-3072.webp');background-size:260vw auto;background-position:-21vw -77vw;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 82%,transparent 100%)}
  body.spike-landing .spike-intro .spike-benefits{margin-top:-34vw}
}
@media (max-width:767px){body.spike-landing .spike-hero-orbit{-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 12%,#000 26%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 12%,#000 26%,#000 82%,transparent 100%)}}
/* Mobile hero centred (03/11 « centre mieux ») : l'arc de la Terre est
   symétrique, son sommet au centre de l'écran, sous le bouton ; moins zoomé
   pour qu'on voie la courbure. */
@media (max-width:767px){
  body.spike-landing .spike-hero-orbit{height:84vw;background-size:200vw auto;background-position:-50vw -58vw}
  body.spike-landing .spike-intro .spike-benefits{margin-top:-30vw}
}
/* Mobile hero, cleaner (03/11 « beaucoup mieux ») : les trois chiffres
   deviennent une seule ligne sans boîtes, séparée par de fins traits, posée
   sur un dégradé sombre en bas de la Terre — plus de cartes sur les nuages. */
@media (max-width:767px){
  body.spike-landing .spike-intro .spike-benefits{gap:0;margin-top:-26vw;padding:0 4px}
  body.spike-landing .spike-intro .spike-benefits>div,
  body.spike-landing .spike-intro .spike-benefits>.spike-benefit-integration{background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:6px 4px;box-shadow:none}
  body.spike-landing .spike-intro .spike-benefits>div+div{border-left:1px solid rgba(234,237,255,.18)}
  body.spike-landing .spike-intro .spike-benefits strong,body.spike-landing .spike-intro .spike-benefits>div:nth-child(3) strong{font-size:19px;text-shadow:0 1px 12px #000}
  body.spike-landing .spike-intro .spike-benefits span{font-size:11px;color:rgba(234,237,255,.7);text-shadow:0 1px 8px #000}
  body.spike-landing .spike-hero-orbit::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(6,8,21,.85) 70%,#060815)}
}
@media (max-width:380px){body.spike-landing .spike-intro .spike-benefits strong,body.spike-landing .spike-intro .spike-benefits>div:nth-child(3) strong{font-size:16px}}
@media (max-width:767px){body.spike-landing .spike-intro .spike-benefits>div.spike-benefit-integration{border-left:1px solid rgba(234,237,255,.18)}}
/* Texte du héros mobile plus bas (03/11 « 30 % plus bas ») : le bloc
   descend de 64 px, la Terre remonte d'autant sous le bouton. */
@media (max-width:767px){
  body.spike-landing .spike-hero-copy{padding-top:92px}
  body.spike-landing .spike-hero-orbit{margin-top:-56px}
}

@media (max-width:767px){
  body.spike-landing .spike-platform .spike-devices-heading>p:not(.spike-kicker),
  body.spike-landing #plans .spike-section-heading>p:not(.spike-kicker),
  body.spike-landing .spike-faq .spike-section-heading>p:not(.spike-kicker),
  body.spike-landing .spike-landing-offers .add-account-control-label,
  body.spike-landing .spike-platform .spike-supporters{display:none}
  body.spike-landing #plans{margin-top:96px}
  body.spike-landing #plans .spike-section-heading{margin-bottom:24px}
  body.spike-landing .spike-landing-offers .add-account-sizes:not(.add-account-steps){margin-top:0}
}
@media (max-width:767px){body.spike-landing .spike-platform .spike-devices-heading{padding-bottom:56px;margin-bottom:-56px}}
/* Mobile hero, harmonised (03/11) : un peu d'air entre le bouton et
   l'horizon ; trois colonnes égales, même taille de chiffre, sans icône qui
   se colle au chiffre voisin ; écart régulier jusqu'au téléphone. */
@media (max-width:767px){
  body.spike-landing .spike-hero-orbit{margin-top:-28px}
  body.spike-landing .spike-intro .spike-benefits{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}
  body.spike-landing .spike-intro .spike-benefits>div{align-items:center;text-align:center;padding:4px 2px}
  body.spike-landing .spike-intro .spike-benefits strong img,body.spike-landing .spike-intro .spike-benefits strong svg{display:none}
  body.spike-landing .spike-intro .spike-benefits strong,body.spike-landing .spike-intro .spike-benefits>div:nth-child(3) strong{display:block;font-size:clamp(15px,4.6vw,19px);font-weight:500;letter-spacing:-.02em;white-space:nowrap}
  body.spike-landing .spike-intro .spike-benefits span{font-size:clamp(10px,2.8vw,11.5px);white-space:nowrap}
  body.spike-landing .spike-platform{margin-top:24px}
}
@media (max-width:767px){body.spike-landing .spike-intro .spike-benefits.spike-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}body.spike-landing .spike-intro .spike-benefits>div{flex:none;min-width:0;width:auto}}
/* Mobile hero aligned left, one size for the whole headline (03/11) */
@media (max-width:767px){
  body.spike-landing .spike-hero-copy{align-items:flex-start;text-align:left}
  body.spike-landing .spike-hero h1,
  body.spike-landing .spike-hero h1>span,
  body.spike-landing .spike-hero h1 .spike-hero-lead,
  body.spike-landing .spike-hero h1 em{font-size:40px;line-height:1.06;letter-spacing:-.045em;font-weight:500;text-align:left}
  body.spike-landing .spike-hero h1>span{display:block;margin-top:0}
  body.spike-landing .spike-hero h1 .spike-hero-lead,body.spike-landing .spike-hero h1 em{display:inline}
  body.spike-landing .spike-hero h1{max-width:none;margin-inline:0}
  body.spike-landing .spike-hero-actions{align-self:flex-start;justify-content:flex-start}
}
@media (max-width:380px){body.spike-landing .spike-hero h1,body.spike-landing .spike-hero h1>span,body.spike-landing .spike-hero h1 .spike-hero-lead,body.spike-landing .spike-hero h1 em{font-size:36px}}

@media (max-width:767px){
  body.spike-landing .spike-allinone,body.spike-landing .spike-assets{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px);margin-right:0;box-sizing:border-box}
  body.spike-landing .spike-allinone-frame{aspect-ratio:16/9;margin:24px 16px 0;border:1px solid var(--line-strong);border-radius:12px}
  body.spike-landing .spike-aio-shot{width:100%;height:100%;object-fit:cover;object-position:top left}
  body.spike-landing .spike-allinone-points{margin:18px 16px 0}
  body.spike-landing .spike-allinone .spike-section-heading>p:not(.spike-kicker){display:none}
}
@media (max-width:767px){body.spike-landing .spike-assets .spike-section-heading>p:not(.spike-kicker){display:none}}

/* All-in-one, mieux intégré sur ordinateur (03/11) : la capture n'est
   plus une boîte coupée net — elle se fond dans le fond par le bas, sur une
   lueur bleue diffuse ; les quatre onglets remontent dans ce fondu. */
@media (min-width:768px){
  body.spike-landing .spike-allinone{position:relative;isolation:isolate}
  body.spike-landing .spike-allinone::before{content:"";position:absolute;z-index:-1;left:50%;top:38%;width:min(1200px,90vw);height:62%;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(79,128,240,.22),rgba(79,128,240,.06) 60%,transparent);filter:blur(40px);pointer-events:none}
  body.spike-landing .spike-allinone-frame{border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 0 0 1px #000,0 -20px 80px -30px rgba(120,160,255,.35);-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
  body.spike-landing .spike-allinone-points{position:relative;z-index:1;margin-top:-56px}
}
/* … mise en valeur par un fond (03/11 « ajoute un contour ou un
   background ») : capture et onglets posés sur un panneau, dégradé bleu nuit,
   liseré clair en haut, lueur douce. La capture garde un cadre net. */
@media (min-width:768px){
  body.spike-landing .spike-allinone-frame{border:1px solid var(--line-strong);border-radius:12px;-webkit-mask-image:none;mask-image:none;box-shadow:0 30px 80px -30px #000,0 0 0 1px #000;margin-top:0}
  body.spike-landing .spike-allinone-points{margin-top:28px}
  body.spike-landing .spike-allinone-stage{position:relative;max-width:1180px;margin:var(--spike-heading-space) auto 0;padding:40px 40px 32px;border-radius:28px;border:1px solid rgba(160,180,255,.14);background:radial-gradient(120% 70% at 50% 0%,rgba(79,128,240,.22),transparent 60%),linear-gradient(180deg,#121630 0%,#0b0e1d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 120px -40px rgba(56,92,214,.35)}
  body.spike-landing .spike-allinone-stage .spike-allinone-frame,body.spike-landing .spike-allinone-stage .spike-allinone-points{max-width:none}
  body.spike-landing .spike-allinone::before{display:none}
}
@media (max-width:767px){body.spike-landing .spike-allinone-stage{display:contents}}
/* Cleaner screenshot edges (03/11 « améliore les contours »): no black
   ring, a light hairline plus a soft glass bezel around the screen, rounded
   corners clipping the image, a faint top highlight. */
@media (min-width:768px){
  body.spike-landing .spike-allinone-frame{border:1px solid rgba(200,212,255,.16);border-radius:14px;overflow:hidden;background:#0b0c12;box-shadow:0 0 0 7px rgba(160,180,255,.05),0 0 0 8px rgba(160,180,255,.08),0 40px 90px -40px #000}
  body.spike-landing .spike-allinone-frame::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
  body.spike-landing .spike-allinone-stage{padding:48px 48px 32px}
}
/* Markets now sits before the plans: on mobile it is no longer glued to All-in-one */
@media (max-width:767px){body.spike-landing .spike-assets{margin-top:var(--spike-section-space)}body.spike-landing .spike-assets+#plans{margin-top:var(--spike-section-space)}}

/* L'écran de l'ordinateur défile de nouveau (03/11 « le slider ne
   marche pas ») : Analytics → terminal → payouts, 6 s chacun, en fondu.
   Fixe sur Analytics si l'utilisateur réduit les animations. */
body.spike-landing .spike-device-slides{position:relative;overflow:hidden;border-radius:.25cqw}
body.spike-landing .spike-device-slides>img{display:block}
body.spike-landing .spike-device-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0}
@keyframes spike-device-slide{0%{opacity:0}4%{opacity:1}33.3%{opacity:1}37.3%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:no-preference){
  body.spike-landing .spike-device-slide{animation:spike-device-slide 18s linear infinite}
  body.spike-landing .spike-device-slide:nth-of-type(2){animation-delay:6s}
  body.spike-landing .spike-device-slide:nth-of-type(3){animation-delay:12s}
  body.spike-landing .spike-device-slides>img:first-child{animation:spike-device-base 18s linear infinite}
}
@keyframes spike-device-base{0%,30%{opacity:1}34%,96%{opacity:0}100%{opacity:1}}
/* Grands 01 02 03 04 sur les onglets All-in-one (03/11) */
body.spike-landing .spike-allinone-points{counter-reset:aio}
body.spike-landing .spike-allinone-points li{counter-increment:aio}
body.spike-landing .spike-allinone-points button::after{content:counter(aio,decimal-leading-zero);display:block;order:-1;margin:4px 0 10px;font-size:48px;line-height:1;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:rgba(234,237,255,.18);transition:color .25s}
body.spike-landing .spike-allinone-points button{display:flex;flex-direction:column}
body.spike-landing .spike-allinone-points button[aria-pressed="true"]::after,
body.spike-landing .spike-allinone-points button:hover::after{color:var(--ink)}
body.spike-landing .spike-allinone-points button[aria-pressed="true"]::after{background:linear-gradient(180deg,#fff,#9fb2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:767px){body.spike-landing .spike-allinone-points button::after{font-size:26px;margin:2px 0 6px}body.spike-landing .spike-allinone-points button{align-items:center}}
body.spike-landing .spike-allinone-points button[aria-pressed="true"]::before{transition-duration:3.5s}
/* Ordinateur : uniquement terminal ↔ Analytics (03/11), 5 s chacun */
@keyframes spike-device-two{0%{opacity:0}5%{opacity:1}50%{opacity:1}55%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:no-preference){
  body.spike-landing .spike-device-slide{animation:spike-device-two 10s linear infinite;animation-delay:5s}
  body.spike-landing .spike-device-slides>img:first-child{animation:none}
}
/* Same on the landing: no focus frame after a click (03/11) */
body.spike-landing *:focus,body.spike-landing *:focus-visible{outline:none !important}

/* Header logo, refined (03/11): the symbol in the same silver as the
   name (masked gradient instead of a flat white image), a touch larger and
   optically centred on the capitals, tighter gap. */
body.spike-landing .spike-header .spike-wordmark{gap:10px;align-items:center}
body.spike-landing .spike-header .spike-wordmark .spike-mark{width:30px;height:30px;filter:none;opacity:1;object-position:-999px -999px;background:linear-gradient(180deg,#ffffff 0%,#d4d7df 55%,#a3a7b3 100%);-webkit-mask:url('/images/spike-symbol-bold-white.svg?v=1793702304') center/contain no-repeat;mask:url('/images/spike-symbol-bold-white.svg?v=1793702304') center/contain no-repeat;transform:translateY(-1px)}
body.spike-landing .spike-header .spike-wordmark span{font-size:20px;letter-spacing:.16em;background:linear-gradient(180deg,#ffffff 0%,#d4d7df 55%,#a3a7b3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Le moteur de trading d'abord (03/11) : l'ordinateur montre le
   terminal (nouvelle capture 1h, échelle auto), puis Analytics en fondu. */
@media (prefers-reduced-motion:no-preference){
  body.spike-landing .spike-device-slide{animation:spike-device-two 10s linear infinite;animation-delay:5s}
}

body.spike-landing .spike-built-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 36px;margin:28px 0 0;padding:0;list-style:none}
body.spike-landing .spike-built-strip li{display:flex;align-items:center;color:rgba(234,237,255,.62)}
body.spike-landing .spike-built-label{font-size:16px;font-weight:500;color:rgba(234,237,255,.5)}
body.spike-landing .spike-built-strip img{height:22px;width:auto;opacity:.9}
body.spike-landing .spike-built-strip img[alt="OKX"]{height:20px;filter:brightness(0) invert(1)}
body.spike-landing .spike-built-hl{font-size:21px;letter-spacing:-.01em;color:rgba(234,237,255,.92)}
body.spike-landing .spike-built-hl em{font-style:italic;font-weight:400}
body.spike-landing .spike-built-hl span{font-weight:500}
@media (max-width:767px){body.spike-landing .spike-built-strip{gap:12px 22px;margin-top:20px}body.spike-landing .spike-built-strip img{height:17px}body.spike-landing .spike-built-strip img[alt="OKX"]{height:15px}body.spike-landing .spike-built-hl{font-size:16px}body.spike-landing .spike-built-label{width:100%;text-align:center;font-size:13px}}

@media (max-width:767px){
  body.spike-landing .spike-hero-copy{align-items:center;text-align:center}
  body.spike-landing .spike-hero h1,body.spike-landing .spike-hero h1>span{text-align:center}
  body.spike-landing .spike-hero-actions{align-self:center;justify-content:center}
  body.spike-landing .spike-hero .spike-button.spike-button-plan{background:#ffffff1f;border:1px solid var(--line-strong);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  body.spike-landing .spike-platform .spike-devices-heading{padding-bottom:0;margin-bottom:0}
  body.spike-landing .spike-platform .spike-devices-heading>p:not(.spike-kicker){display:none}
  body.spike-landing .spike-assets{margin-top:40px}
  body.spike-landing #plans{margin-top:72px}
  body.spike-landing #plans .spike-section-heading h2{margin-bottom:0}
}
@media (max-width:767px){body.spike-landing .spike-built-label{justify-content:center}}

body.spike-landing .spike-hero .spike-eyebrow.spike-reserve{display:inline-flex;align-items:center;gap:12px;min-height:0;padding:5px 14px 5px 5px;border:1px solid rgba(234,237,255,.16);border-radius:999px;background:rgba(10,12,24,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:inherit;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:rgba(234,237,255,.88);text-decoration:none;transition:border-color .2s}
body.spike-landing .spike-hero .spike-reserve:hover{border-color:rgba(234,237,255,.3)}
body.spike-landing .spike-reserve b{padding:4px 10px;border-radius:999px;background:rgba(61,242,163,.16);color:#5ef5b5;font-weight:600;font-variant-numeric:tabular-nums}
body.spike-landing .spike-reserve svg{width:16px;height:16px;opacity:.8}
body.spike-landing .spike-hero .spike-built-strip{margin-top:36px}
@media (max-width:767px){
  body.spike-landing .spike-hero .spike-eyebrow.spike-reserve{font-size:13px;gap:9px;padding:4px 12px 4px 4px}
  body.spike-landing .spike-hero .spike-built-strip{margin-top:24px;gap:10px 20px}
  body.spike-landing .spike-hero .spike-built-label{width:auto}
}
@media (max-width:767px){body.spike-landing .spike-hero .spike-built-strip{order:3;position:relative;z-index:2}body.spike-landing .spike-hero-orbit{order:4}}
/* Payout-reserve pill: no stroke, opens the trading platform (03/11) */
body.spike-landing .spike-hero .spike-eyebrow.spike-reserve{border:0;background:rgba(234,237,255,.07)}
body.spike-landing .spike-hero .spike-reserve:hover{background:rgba(234,237,255,.11)}
/* Fine dot grid inside the payout-reserve pill (03/11) */
body.spike-landing .spike-hero .spike-eyebrow.spike-reserve{background:radial-gradient(circle at 2px 2px,rgba(234,237,255,.16) .8px,transparent 1.2px) 0 0/5px 5px,rgba(234,237,255,.06)}
body.spike-landing .spike-hero .spike-reserve:hover{background:radial-gradient(circle at 2px 2px,rgba(234,237,255,.22) .8px,transparent 1.2px) 0 0/5px 5px,rgba(234,237,255,.10)}
body.spike-landing .spike-reserve b{background:rgba(61,242,163,.18);box-shadow:0 0 0 1px rgba(61,242,163,.10)}
@media (max-width:767px){body.spike-landing .spike-platform .spike-built-strip{margin-top:18px}body.spike-landing .spike-platform .spike-built-label{width:auto}}
/* Pill: dots that fade out to the right over a green → blue tint (03/11 « gradient ») */
body.spike-landing .spike-hero .spike-eyebrow.spike-reserve{background:linear-gradient(90deg,transparent 0%,rgba(10,12,24,.55) 70%,rgba(10,12,24,.85) 100%),radial-gradient(circle at 2px 2px,rgba(234,237,255,.22) .8px,transparent 1.2px) 0 0/5px 5px,linear-gradient(90deg,rgba(61,242,163,.14) 0%,rgba(79,128,240,.12) 100%)}
body.spike-landing .spike-hero .spike-reserve:hover{background:linear-gradient(90deg,transparent 0%,rgba(10,12,24,.45) 70%,rgba(10,12,24,.75) 100%),radial-gradient(circle at 2px 2px,rgba(234,237,255,.28) .8px,transparent 1.2px) 0 0/5px 5px,linear-gradient(90deg,rgba(61,242,163,.20) 0%,rgba(79,128,240,.16) 100%)}
/* Built-on strip more visible (03/11): full-white logos, brighter label,
   a soft dark halo behind so it reads over the Earth's horizon. */
body.spike-landing .spike-built-strip li{color:#eaedff;text-shadow:0 1px 14px rgba(0,0,0,.85)}
body.spike-landing .spike-built-label{color:rgba(234,237,255,.78);font-weight:500}
body.spike-landing .spike-built-strip img{opacity:1;filter:drop-shadow(0 1px 10px rgba(0,0,0,.8))}
body.spike-landing .spike-built-strip img[alt="OKX"]{filter:brightness(0) invert(1) drop-shadow(0 1px 10px rgba(0,0,0,.8))}
body.spike-landing .spike-built-hl{color:#fff}
body.spike-landing .spike-hero .spike-built-strip{position:relative;z-index:2;width:max-content;max-width:100%;margin-inline:auto;padding:10px 22px;border-radius:999px;background:radial-gradient(closest-side,rgba(6,8,21,.7),rgba(6,8,21,.35) 70%,transparent)}

@media (max-width:799px){
  /* En-tête */
  body.spike-landing .spike-header{padding:0 20px}
  body.spike-landing .spike-header-inner{min-height:64px;height:64px;padding:8px 0;gap:16px}
  body.spike-landing .spike-menu-toggle{width:auto;min-height:44px;height:44px;padding:0 12px;border-radius:8px}
  body.spike-landing .spike-header-actions .spike-login{height:40px;min-height:40px;padding:0 20px;border-radius:8px;font-size:16px;line-height:24px;font-weight:700}

  /* Typo commune */
  body.spike-landing .spike-kicker,
  body.spike-landing .spike-allinone .spike-kicker,
  body.spike-landing .spike-assets .spike-kicker{margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;line-height:24px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--spike-green)}
  body.spike-landing .spike-section-heading h2,
  body.spike-landing .spike-platform .spike-devices-heading h2,
  body.spike-landing .spike-challenges .spike-section-heading h2,
  body.spike-landing .spike-faq .spike-section-heading h2{font-size:36px;line-height:36px;font-weight:500;letter-spacing:-.05em;color:#eaedff}
  body.spike-landing .spike-section-heading>p:not(.spike-kicker),
  body.spike-landing .spike-platform .spike-devices-heading>p:not(.spike-kicker){margin-top:12px;font-size:16px;line-height:24px;font-weight:500;letter-spacing:-.025em;color:rgba(234,237,255,.6)}

  /* Héros : bloc texte 40 px du haut, côtés 24 ; titre → sous-titre 8 ; → bouton 20 */
  body.spike-landing .spike-hero-copy{padding:40px 24px 0}
  body.spike-landing .spike-hero h1{margin-top:20px}
  body.spike-landing .spike-hero h1>span{margin-top:8px}
  body.spike-landing .spike-hero-actions{margin-top:20px;gap:8px}
  body.spike-landing .spike-hero-actions .spike-button,
  body.spike-landing .spike-hero .spike-button.spike-button-plan{width:200px;min-width:200px;min-height:54px;height:54px;padding:12px 0;border-radius:12px;font-size:18px;line-height:28px;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(203,208,235,.1);color:#f7f7f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  body.spike-landing .spike-hero-actions .spike-button svg{display:none}
  body.spike-landing .spike-hero-actions .spike-button-glass{display:none}

  /* « Open a trade… » : visuel plein cadre, texte posé en bas, côtés 32, titre → sous-titre 12 */
  body.spike-landing .spike-platform .spike-devices-heading{padding-inline:32px}
  body.spike-landing .spike-platform .spike-built-strip{margin-top:12px}

  /* Cartes (All-in-one, Marchés) : 12 px du bord, intérieur 32, coins 24, 12 entre elles */
  body.spike-landing .spike-allinone,body.spike-landing .spike-assets{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px);padding:32px 0;border-radius:24px}
  body.spike-landing .spike-allinone .spike-section-heading,
  body.spike-landing .spike-assets .spike-section-heading{padding:0 32px}
  body.spike-landing .spike-allinone h2,
  body.spike-landing .spike-assets .spike-section-heading h2{font-size:28px;line-height:32px;font-weight:500;letter-spacing:-.025em}
  body.spike-landing .spike-allinone .spike-kicker+h2,body.spike-landing .spike-assets .spike-kicker+h2{margin-top:0}

  /* CTA final : 160 px en haut et en bas, H2 40/40, H2 → sous-titre 12, → bouton 36, un bouton */
  body.spike-landing .spike-closing.spike-closing-immersive{padding:160px 24px}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading{margin:0 auto}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading h2{font-size:40px;line-height:40px;letter-spacing:-.05em}
  body.spike-landing .spike-closing.spike-closing-immersive .spike-section-heading>p{margin-top:12px;font-size:16px;line-height:24px;letter-spacing:-.025em;color:rgba(234,237,255,.6)}
  body.spike-landing .spike-closing-actions{margin-top:36px}
  body.spike-landing .spike-closing-actions .spike-button{width:200px;min-width:200px;min-height:54px;padding:12px 0;border-radius:12px;font-size:18px;line-height:28px;font-weight:700}
  body.spike-landing .spike-closing-actions .spike-button+.spike-button{display:none}
  body.spike-landing .spike-closing-actions .spike-button svg{display:none}

  /* Pied : 32 / 48 / 40, colonnes empilées à 32, 8 dans une colonne, copyright masqué */
  body.spike-landing .spike-footer{padding:0 40px}
  body.spike-landing .spike-footer-main{display:flex;flex-direction:column;gap:32px;padding:32px 0 0}
  body.spike-landing .spike-footer-main>div{display:flex;flex-direction:column;gap:8px}
  body.spike-landing .spike-footer-brand p{margin-top:0;font-size:24px;line-height:24px;letter-spacing:-.05em;color:rgba(234,237,255,.6)}
  body.spike-landing .spike-footer-brand .spike-footer-built{display:none}
  body.spike-landing .spike-footer-main h2{margin:0;font-family:inherit;font-size:14px;line-height:20px;font-weight:500;letter-spacing:0;text-transform:uppercase;color:#474b52}
  body.spike-landing .spike-footer-main>div:not(:first-child) a{margin:0;font-size:14px;line-height:20px;font-weight:500;color:#f7f7f7}
  body.spike-landing .spike-footer-legal{padding:40px 0 48px}
  body.spike-landing .spike-footer-legal>p{display:none}
}
@media (max-width:799px){
  body.spike-landing .spike-built-strip,body.spike-landing .spike-hero .spike-built-strip{flex-wrap:nowrap;gap:14px;padding:6px 10px}
  body.spike-landing .spike-built-label{font-size:13px}
  body.spike-landing .spike-built-strip img{height:15px}
  body.spike-landing .spike-built-strip img[alt="OKX"]{height:13px}
  body.spike-landing .spike-built-hl{font-size:14px}
}

@media (max-width:799px){
  body.spike-landing .spike-hero-copy{padding:40px 24px 0}
  body.spike-landing .spike-hero-actions{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;width:100%;gap:12px;margin-top:28px}
  body.spike-landing .spike-hero-actions .spike-button,
  body.spike-landing .spike-hero .spike-button.spike-button-plan{display:flex;width:100%;min-width:0;height:52px;min-height:52px;padding:0 20px;justify-content:center;border-radius:10px;font-size:17px;line-height:24px;font-weight:600;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.spike-landing .spike-hero .spike-button.spike-button-plan{background:#f7f7f7;border:0;color:#07080e}
  body.spike-landing .spike-hero-actions .spike-button-glass{display:flex;background:transparent;border:1px solid rgba(234,237,255,.28);color:#eaedff}
  body.spike-landing .spike-hero .spike-built-strip{margin-top:36px;padding:0;background:none;gap:16px}
  body.spike-landing .spike-hero .spike-built-label{font-size:15px;color:rgba(234,237,255,.7)}
  body.spike-landing .spike-hero .spike-built-strip img{height:17px}
  body.spike-landing .spike-hero .spike-built-strip img[alt="OKX"]{height:15px}
  body.spike-landing .spike-hero .spike-built-hl{font-size:16px}
  body.spike-landing .spike-hero-orbit{margin-top:8px}
}
@media (max-width:370px){body.spike-landing .spike-hero .spike-built-strip{gap:11px}body.spike-landing .spike-hero .spike-built-label{font-size:13px}}
body.spike-landing .spike-built-label{white-space:nowrap}

body.spike-landing .spike-assets-more{display:inline-block;margin-top:32px;font-size:16px;font-weight:500;color:#eaedff;text-decoration:none}
body.spike-landing .spike-assets-more:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media (max-width:799px){
  body.spike-landing .spike-assets{width:auto;margin:88px 0 0;padding:0;border:0;border-radius:0;background:none;text-align:center;overflow:visible}
  body.spike-landing .spike-assets .spike-section-heading{padding:0 8px;text-align:center}
  body.spike-landing .spike-assets .spike-kicker{display:none}
  body.spike-landing .spike-assets .spike-section-heading h2{font-size:36px;line-height:36px;letter-spacing:-.05em}
  body.spike-landing .spike-assets .spike-section-heading>p:not(.spike-kicker){display:block;margin:12px auto 0;max-width:340px;font-size:16px;line-height:24px;text-align:center}
  body.spike-landing .spike-assets-rows{margin:32px calc(-1 * var(--spike-page-gutter)) 0;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
  body.spike-landing .spike-assets-more{margin-top:28px}
}

@media (max-width:799px){
  body.spike-landing .spike-landing-offers .add-account-control-label{display:block;margin:0 0 10px;text-align:center;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:rgba(234,237,255,.6)}
  body.spike-landing .spike-landing-offers .add-account-steps.add-account-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none}
  body.spike-landing .spike-landing-offers .add-account-offers[data-active-variant]>*{width:100%;max-width:none;flex:none}
  body.spike-landing .spike-landing-offers .add-account-offers[data-active-variant] .account-offer{width:100%}
}

@media (max-width:799px){
  body.spike-landing .spike-hero h1,
  body.spike-landing .spike-hero h1>span,
  body.spike-landing .spike-hero h1 .spike-hero-lead,
  body.spike-landing .spike-hero h1 em{font-size:min(calc((100vw - 48px) / 12.9),40px);line-height:1.12;white-space:nowrap}
  body.spike-landing .spike-hero h1>span{display:block;margin-top:0}
  body.spike-landing .spike-hero h1 .spike-hero-lead,body.spike-landing .spike-hero h1 em{display:inline}
}
/* A size/step with a single plan (e.g. $50K 2-Step): same full-width card on phones */
@media (max-width:799px){
  body.spike-landing .spike-landing-offers .add-account-offers>*:only-child{flex:1 1 100%;width:100%;max-width:none}
  body.spike-landing .spike-landing-offers .add-account-offers:has(>*:only-child){padding-inline:0;margin-inline:0;overflow:visible}
  body.spike-landing .spike-landing-offers .account-offer-start span{white-space:nowrap}
}
/* Mobile headline: one font size for both lines (03/11 « même taille de police ») */
@media (max-width:799px){
  body.spike-landing .spike-hero h1,
  body.spike-landing .spike-hero h1>span,
  body.spike-landing .spike-hero h1>span .spike-hero-lead,
  body.spike-landing .spike-hero h1>span em{font-size:min(calc((100vw - 48px) / 12.9),40px);line-height:1.12}
}

@media (max-width:1024px){
  body.spike-landing .spike-header-actions{display:none}
  body.spike-landing .spike-menu-toggle,
  body.spike-landing .spike-menu-toggle[aria-expanded="true"]{position:relative;z-index:62;width:44px;height:44px;min-height:44px;margin-left:auto;padding:10px;border:0;border-radius:8px;background:transparent;color:#f7f7f7}
  body.spike-landing .spike-menu-toggle svg{width:24px;height:24px;stroke-width:2}
  body.spike-landing .spike-menu-toggle[aria-expanded="true"]{background:rgba(234,237,255,.08)}
  body.spike-landing .spike-header.is-menu-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border-color:transparent}
  body.spike-landing .spike-header.is-menu-open .spike-wordmark{position:relative;z-index:62}
  body.spike-landing .spike-mobile-navigation:not([hidden]){position:fixed;inset:0;z-index:61;display:flex;flex-direction:column;justify-content:space-between;width:100vw;height:100dvh;margin:0;padding:88px 28px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0;background:#0b0c12;box-shadow:none;overflow-y:auto;animation:spike-menu-in .45s cubic-bezier(.22,1,.36,1)}
  body.spike-landing .spike-mobile-group{margin:28px 0 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(234,237,255,.45)}
  body.spike-landing .spike-mobile-group:first-child{margin-top:0}
  body.spike-landing .spike-mobile-links{display:flex;flex-direction:column;gap:0;border:0}
  body.spike-landing .spike-mobile-links a{display:block;padding:7px 0;border:0;font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.01em;color:#f7f7f7}
  body.spike-landing .spike-mobile-links a[aria-current]{color:#f7f7f7}
  body.spike-landing .spike-mobile-actions{display:flex;flex-direction:column;gap:10px;margin-top:32px;padding:0;border:0}
  body.spike-landing .spike-menu-action{display:flex;align-items:center;justify-content:center;height:44px;min-height:44px;border-radius:8px;font-size:16px;font-weight:500;background:#f7f7f7;color:#07080e;border:0}
  body.spike-landing .spike-menu-action.is-ghost{background:rgba(61,242,163,.12);border:1px solid rgba(61,242,163,.22);color:#eaedff}
  html.spike-menu-locked,html.spike-menu-locked body{overflow:hidden}
}
@keyframes spike-menu-in{from{transform:translateX(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){body.spike-landing .spike-mobile-navigation:not([hidden]){animation:none}}

/* Headline a little bigger on phones (03/11): narrower side gutters for the title only */
@media (max-width:799px){
  body.spike-landing .spike-hero h1,
  body.spike-landing .spike-hero h1>span,
  body.spike-landing .spike-hero h1>span .spike-hero-lead,
  body.spike-landing .spike-hero h1>span em{font-size:min(calc((100vw - 28px) / 12.6),42px)}
  body.spike-landing .spike-hero h1{margin-inline:-10px}
}

/* Phone headline (03/11): « Trade All the Markets 24/7. With Our Money. »,
   simpler than the desktop title, which stays as is (and is the one read aloud;
   the phone copy is aria-hidden). Same two-tone as the desktop second line. */
body.spike-landing .spike-hero-phone{display:none}
@media (max-width:799px){
  body.spike-landing .spike-hero h1{font-size:0;margin-inline:0}
  body.spike-landing .spike-hero h1>span{display:none}
  body.spike-landing .spike-hero h1 .spike-hero-phone{display:block;width:calc(100vw - 32px);margin-inline:calc((100% - (100vw - 32px)) / 2);font-size:min(calc((100vw - 32px) / 12.4),44px);line-height:1.12;font-weight:inherit;white-space:nowrap;color:#f7f7f7}
  body.spike-landing .spike-hero-phone i{font-style:normal;color:rgba(234,237,255,.62)}
  body.spike-landing .spike-hero-phone em{font-style:normal;color:var(--spike-green)}
}
/* 24/7 moves to line 2, so both lines run larger (03/11) */
@media (max-width:799px){
  body.spike-landing .spike-hero h1 .spike-hero-phone{font-size:min(calc((100vw - 32px) / 9.7),56px);line-height:1.1}
}

/* All-in-one on phones (03/11, « mets des affichages mobiles »): the
   mobile app's own screens in a phone-shaped frame instead of the desktop shots. */
@media (max-width:799px){
  body.spike-landing .spike-allinone-stage .spike-allinone-frame{width:min(290px,72vw);aspect-ratio:840/1818;height:auto;margin:8px auto 0;border-radius:30px;border:1px solid rgba(200,212,255,.18);box-shadow:0 0 0 6px rgba(160,180,255,.05),0 0 0 7px rgba(160,180,255,.08),0 40px 90px -40px #000;-webkit-mask-image:none;mask-image:none}
  body.spike-landing .spike-allinone-stage .spike-aio-shot{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top center}
}

/* « 24/7. With » (03/11): white with a soft silver gradient instead of grey. */
body.spike-landing .spike-hero h1>span .spike-hero-lead,
body.spike-landing .spike-hero-phone i{color:#f7f7f7;background:linear-gradient(180deg,#ffffff 35%,#aab2cc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.06em}
/* The fill is transparent for the gradient: the inherited stroke and dark
   shadow showed through as hollow letters, so both go. */
body.spike-landing .spike-hero h1>span .spike-hero-lead,
body.spike-landing .spike-hero-phone i{-webkit-text-stroke:0;text-shadow:none}
/* One size for every word of the phone headline (03/11) */
body.spike-landing .spike-hero h1 .spike-hero-phone i,
body.spike-landing .spike-hero h1 .spike-hero-phone em{font-size:1em;line-height:inherit;letter-spacing:inherit;font-weight:inherit}
/* Line 2 is now the widest (10.2em): size the title on it */
@media (max-width:799px){
  body.spike-landing .spike-hero h1 .spike-hero-phone{font-size:min(calc((100vw - 32px) / 10.6),56px)}
}
/* All-in-one on phones (03/11, « gère mieux les espaces »): one 32px rhythm,
   card padding = title → phone = phone → tabs. */
@media (max-width:799px){
  body.spike-landing .spike-allinone-stage .spike-allinone-frame{margin:32px auto 0}
  body.spike-landing .spike-allinone-stage .spike-allinone-points{margin-top:32px}
}

/* Stars in the phone hero sky (03/11, « on voit pas les étoiles »): the
   site's star tile over the night gradient, fading out above the Earth's limb. */
@media (max-width:799px){
  body.spike-landing .spike-intro::after{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:var(--spike-sky,500px);pointer-events:none;background:url('/images/landing/spike-stars-tile.webp') 0 0/1000px 1000px repeat;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)}
}
@media (max-width:799px){
  body.spike-landing .spike-intro::after{background:url('/images/landing/spike-stars-tile.webp') 0 0/640px 640px repeat,url('/images/landing/spike-stars-tile.webp') 217px 143px/980px 980px repeat}
}

/* All-in-one on phones (03/11, « enlève l'effet card »): flat, on the page
   background like the other sections, no panel, border or rounded corners. */
@media (max-width:799px){
  body.spike-landing section.spike-allinone{background:transparent;border:0;border-radius:0;box-shadow:none;margin-left:0;margin-right:0;width:auto}
}
@media (max-width:799px){
  /* All-in-one flat: same 32px gutter as the other sections */
  body.spike-landing .spike-allinone .spike-section-heading{padding:0}
  /* Centred like every other section's heading, over the centred phone (03/11) */
  body.spike-landing .spike-allinone .spike-section-heading{text-align:center;align-items:center;margin-inline:auto}
  body.spike-landing .spike-allinone-stage .spike-allinone-points{margin-left:0;margin-right:0}
  /* Hero content a notch lower (03/11, « descends un peu »); the Earth follows */
  body.spike-landing .spike-hero .spike-reserve{margin-top:32px}
}
/* Phone headline a hair bolder (03/11): Satoshi ships 500 and 700 only, so
   a fine stroke in each word's own colour, as on desktop. */
@media (max-width:799px){
  body.spike-landing .spike-hero h1 .spike-hero-phone{-webkit-text-stroke:.014em #f7f7f7}
  body.spike-landing .spike-hero h1 .spike-hero-phone em{-webkit-text-stroke:.014em var(--spike-green)}
  body.spike-landing .spike-hero h1 .spike-hero-phone i{-webkit-text-stroke:.014em rgba(214,220,238,.55)}
}
/* Wider side margins for the phone headline: 28px each side, the size a touch larger than the box */
@media (max-width:799px){
  body.spike-landing .spike-hero h1 .spike-hero-phone{width:calc(100vw - 56px);margin-inline:calc((100% - (100vw - 56px)) / 2);font-size:min(calc((100vw - 56px) / 10.3),56px)}
}
/* Hero stats bigger on phones (03/11, « grossis »): sized on the column
   width so « Claude MCP » and « One-time entry fee » always fit one line. */
@media (max-width:799px){
  body.spike-landing .spike-intro .spike-benefits strong,body.spike-landing .spike-intro .spike-benefits>div:nth-child(3) strong{font-size:min(calc((100vw - 65px) / 16.8),26px)}
  body.spike-landing .spike-intro .spike-benefits span,body.spike-landing .spike-intro .spike-benefits>div:nth-child(3) span{font-size:min(calc((100vw - 65px) / 25.2),14px)}
}

/* Phone hero buttons: full width again, but lower than the original 52px;
   « Start trading » on a frosted-glass fill instead of an empty outline. */
@media (max-width:799px){
  body.spike-landing .spike-hero .spike-hero-actions{max-width:420px;margin-inline:auto;gap:10px}
  body.spike-landing .spike-hero .spike-hero-actions .spike-button{min-height:44px;height:44px;font-size:16px}
  body.spike-landing .spike-hero .spike-hero-actions .spike-button-glass{background:rgba(234,237,255,.10);border:1px solid rgba(234,237,255,.14);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);color:#f7f7f7}
}
/* Platform on phones (03/11, « des choses se sont décalées »): the title no
   longer sits over the phone behind a dark band; the phone fades out, the title
   follows just below it. */
@media (max-width:799px){
  body.spike-landing .spike-devices-heading{margin-top:-48px;background:none}
  body.spike-landing .spike-device-phone{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 94%);mask-image:linear-gradient(180deg,#000 62%,transparent 94%)}
}
/* Without the band, the old 36vw top padding left an empty gap under the phone */
@media (max-width:767px){body.spike-landing .spike-platform .spike-devices-heading{padding-top:24px}}
/* Bolder SPIKE wordmark in the header (03/11): Satoshi 700, silver kept */
body.spike-landing .spike-header .spike-wordmark span{font-weight:700;letter-spacing:.15em}
/* Offer selectors without a stroke around them: the glass fill alone marks the group */
body.spike-landing .spike-landing-offers .add-account-sizes.add-account-sizes{border-color:transparent}