.info-page{background:#040b14;color:#eef6ff;min-height:100vh;font-family:"IBM Plex Sans",system-ui,sans-serif}
.info-wrap{max-width:1120px;margin:0 auto;padding:28px 22px 70px}
.info-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0 34px;border-bottom:1px solid rgba(255,255,255,.08)}
.info-brand img{width:175px;max-width:48vw;height:auto;display:block}
.info-nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.info-nav a,.info-footer a{color:#9fb0c2;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}
.info-nav a:hover,.info-footer a:hover{color:#2695ff}
.info-hero{padding:74px 0 46px;max-width:850px}
.info-kicker{font:500 12px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;color:#2695ff}
.info-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(54px,8vw,92px);line-height:.9;margin:18px 0;color:#fff;text-transform:uppercase}
.info-hero h1 strong{color:#2695ff}
.info-hero p{font-size:18px;line-height:1.65;color:#9fb0c2;max-width:720px;margin:0}
.info-hero small{display:block;color:#64768a;margin-top:18px;font:12px "IBM Plex Mono",monospace}
.faq-list{display:grid;gap:10px}
.faq-list details{background:linear-gradient(145deg,rgba(12,28,46,.94),rgba(5,15,27,.94));border:1px solid rgba(92,137,180,.16);border-radius:14px;overflow:hidden}
.faq-list summary{cursor:pointer;list-style:none;padding:22px 24px;font-weight:700;font-size:16px;position:relative;padding-right:60px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:24px;top:17px;color:#2695ff;font-size:26px;font-weight:400}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{padding:0 24px 23px;margin:0;color:#9fb0c2;line-height:1.7;max-width:900px}
.info-callout{margin-top:42px;padding:30px;border:1px solid rgba(38,149,255,.24);background:linear-gradient(135deg,rgba(38,149,255,.11),rgba(8,20,34,.9));border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.info-callout h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:38px;margin:10px 0 5px}
.info-callout p{margin:0;color:#9fb0c2;line-height:1.55}
.info-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:13px 20px;border-radius:9px;background:#2695ff;color:#fff;text-decoration:none;font-weight:800}
.policy{display:grid;gap:0;background:rgba(5,15,27,.72);border:1px solid rgba(92,137,180,.14);border-radius:18px;overflow:hidden}
.policy section{padding:30px 32px;border-bottom:1px solid rgba(255,255,255,.07)}
.policy section:last-child{border-bottom:0}
.policy h2{font:700 23px/1.1 "Barlow Condensed",sans-serif;letter-spacing:.03em;text-transform:uppercase;margin:0 0 14px;color:#fff}
.policy p,.policy li{color:#9fb0c2;line-height:1.75;font-size:15px}
.policy ol{padding-left:22px;margin:8px 0}
.policy-highlight{margin-bottom:16px;padding:24px;border-radius:14px;border:1px solid rgba(38,149,255,.35);background:rgba(38,149,255,.09);display:grid;gap:8px}
.policy-highlight b{font:800 24px "Barlow Condensed",sans-serif;color:#2695ff}
.policy-highlight span{color:#d5e4f2;line-height:1.55}
.info-footer{max-width:1120px;margin:0 auto;padding:25px 22px 38px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#64768a;font-size:12px}
.info-footer div{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:700px){
 .info-wrap{padding:18px 15px 45px}.info-top{padding-bottom:20px}.info-brand img{width:145px}.info-nav{display:none}
 .info-hero{padding:52px 0 30px}.info-hero h1{font-size:58px}.info-hero p{font-size:15px}
 .faq-list summary{padding:18px 50px 18px 18px;font-size:15px}.faq-list summary:after{right:18px;top:13px}.faq-list details p{padding:0 18px 18px;font-size:14px}
 .policy section{padding:23px 18px}.policy p,.policy li{font-size:14px}.policy-highlight{padding:19px}.policy-highlight b{font-size:21px}
 .info-callout{align-items:flex-start;flex-direction:column;padding:23px}.info-callout h2{font-size:32px}.info-button{width:100%}
 .info-footer{padding:20px 15px 30px;display:block}.info-footer div{margin-top:14px}
}


/* Shared responsive header for FAQ / Refund Policy */
.info-top{position:relative;z-index:50}
.info-menu{display:none;width:46px;height:46px;border:1px solid rgba(92,137,180,.45);background:rgba(255,255,255,.035);border-radius:13px;cursor:pointer;padding:0;flex:0 0 auto}
.info-menu span{display:block;width:19px;height:2px;margin:4px auto;background:#fff;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.info-menu.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.info-menu.is-open span:nth-child(2){opacity:0}
.info-menu.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.info-menu-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.info-sheet{position:fixed;top:92px;left:15px;right:15px;z-index:60;display:flex;flex-direction:column;gap:0;padding:10px;background:rgba(4,11,20,.97);border:1px solid rgba(38,149,255,.32);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.info-sheet[hidden],.info-menu-backdrop[hidden]{display:none!important}
.info-sheet a{display:flex;align-items:center;min-height:52px;padding:0 16px;color:#dce9f6;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}
.info-sheet a:last-child{border-bottom:0}
.info-sheet a:hover,.info-sheet a:focus-visible{color:#2695ff;background:rgba(38,149,255,.07);outline:none}

/* Prevent oversized display type from clipping on phones and narrow tablets. */
.info-hero{min-width:0}
.info-hero h1{max-width:100%;font-size:clamp(42px,10.5vw,92px);letter-spacing:-.015em;overflow-wrap:normal;word-break:normal}
.info-hero p{max-width:100%}

@media(max-width:900px){
  .info-top{padding:6px 0 20px}
  .info-nav{display:none}
  .info-menu{display:block}
}
@media(max-width:700px){
  .info-wrap{padding:16px 15px 45px}
  .info-top{gap:14px}
  .info-brand img{width:145px;max-width:58vw}
  .info-menu{width:46px;height:46px}
  .info-sheet{top:78px}
  .info-hero{padding:48px 0 30px}
  .info-hero h1{font-size:clamp(40px,13vw,60px);line-height:.92;letter-spacing:-.02em}
  .info-hero p{font-size:16px;line-height:1.55}
}
@media(max-width:380px){
  .info-wrap{padding-left:12px;padding-right:12px}
  .info-brand img{width:128px}
  .info-menu{width:42px;height:42px}
  .info-sheet{left:10px;right:10px}
  .info-hero h1{font-size:40px}
}


/* Cross-device menu positioning: JS sets --menu-top from the actual header button. */
body.menu-open{overflow:hidden;touch-action:none}
.info-sheet{top:var(--menu-top,92px);max-height:calc(100dvh - var(--menu-top,92px) - 16px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@supports not (height: 100dvh){.info-sheet{max-height:calc(100vh - var(--menu-top,92px) - 16px)}}
@media(max-width:700px){.info-sheet{left:10px;right:10px}}