@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--bg:#060c10;--panel:#0d1a20;--text:#f1f7f5;--muted:#a7bbb7;--green:#a6ffcb;--line:#ffffff1c;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:radial-gradient(ellipse at 85% 0,#123f3655,transparent 40%),var(--bg);color:var(--text);font:16px/1.75 var(--body)}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}

/* The Information pages use the same compact header language as the home page. */
.seo-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px;padding:17px 5vw;border-bottom:1px solid #ffffff14;background:#060c10e8;backdrop-filter:blur(20px)}
.seo-brand{display:flex;align-items:center;flex-shrink:0}
.seo-brand img{width:52px;height:52px;clip-path:circle(46%);border-radius:50%}
.seo-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.seo-how,.seo-app,.seo-contact{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:100px;font:600 14px/1.4 var(--body);white-space:nowrap}
.seo-how{padding:11px 19px;border:1px solid #ffffff2e;background:#0d1c21b8;color:#d6e9e3;backdrop-filter:blur(14px)}
.seo-app{position:relative;isolation:isolate;width:148px;padding:11px 15px;gap:10px;border:1px solid #a6ffcb99;background:linear-gradient(125deg,#173e2c,#102b28);color:#d8ffe8;box-shadow:inset 0 1px #ffffff20,0 0 22px #7affb532}
.seo-app:before{content:'';position:absolute;inset:-3px;z-index:-1;border-radius:inherit;box-shadow:0 0 25px #73ffae55;animation:seo-download-glow 3.5s ease-in-out infinite}
.seo-app svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.seo-contact{position:relative;isolation:isolate;width:50px;min-width:50px;height:50px;border:1px solid #a6ffcb66;background:#122b27cc;color:#f1f7f5;box-shadow:inset 0 1px #ffffff1f,0 0 22px #7affb52b}
.seo-contact:after{content:'';position:absolute;inset:-5px;border:1px solid #a6ffcb55;border-radius:50%;opacity:0;animation:seo-contact-pulse 3s ease-out infinite;pointer-events:none}
.seo-contact svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;animation:seo-contact-ring 3s ease-in-out infinite}
.seo-contact-wave{opacity:.9}
.seo-how:hover,.seo-app:hover,.seo-contact:hover{border-color:var(--green);background:#1b4538;color:white}
@keyframes seo-download-glow{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes seo-contact-pulse{0%,68%{transform:scale(.82);opacity:0}72%{opacity:.65}94%,100%{transform:scale(1.22);opacity:0}}
@keyframes seo-contact-ring{0%,68%,100%{transform:rotate(0) translateX(0)}72%{transform:rotate(-12deg) translateX(-1px)}76%{transform:rotate(11deg) translateX(1px)}80%{transform:rotate(-9deg)}84%{transform:rotate(7deg)}88%{transform:rotate(-4deg)}92%{transform:rotate(0)}}

.seo-main{width:min(980px,calc(100% - 40px));margin:0 auto;padding:150px 0 100px}
.seo-eyebrow{display:block;margin-bottom:18px;color:var(--green);font-size:12px;letter-spacing:1.7px}
.seo-main h1{max-width:850px;margin:0;font:500 clamp(42px,6vw,72px)/1.08 var(--display);letter-spacing:-3px}
.seo-lead{max-width:760px;margin:26px 0 50px;color:#b7cbc6;font-size:18px;line-height:1.85}
.seo-main h1+.policy-stack{margin-top:50px}
.seo-list{display:grid;gap:12px}
.seo-list details,.policy-section{overflow:hidden;border:1px solid #a6ffcb29;border-radius:18px;background:linear-gradient(145deg,#102620,#0b171d)}
.seo-list summary{cursor:pointer;padding:21px 24px;font-weight:700;list-style:none}
.seo-list summary::-webkit-details-marker{display:none}
.seo-list summary:after{content:'+';float:right;color:var(--green);font-size:22px;font-weight:400}
.seo-list details[open] summary:after{content:'×'}
.seo-answer{margin:0;padding:0 24px 24px;color:var(--muted)}
.faq-group{margin-top:46px}
.faq-group h2,.policy-section h2{font:500 26px/1.3 var(--display);letter-spacing:-.8px}
.faq-group h2{margin:0 0 18px;color:#dcf8ec}
.policy-stack{display:grid;gap:18px}
.policy-section{padding:28px}
.policy-section h2{margin:0 0 18px}
.policy-section p{margin:0 0 16px;color:var(--muted)}
.policy-section p:last-child{margin-bottom:0}
.policy-contact{display:flex;align-items:center;gap:12px}
.policy-contact span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#a6ffcb12;color:var(--green)}
.policy-contact a{color:#dff8ed}
.seo-footer{padding:42px 5vw 55px;border-top:1px solid var(--line);background:#050a0d;color:#8ea49f}
.seo-footer-inner{display:flex;justify-content:space-between;gap:35px;width:min(1200px,100%);margin:auto}
.seo-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.seo-footer a:hover{color:var(--green)}

@media(max-width:800px){
  .seo-header{min-height:76px;padding:15px 20px}
  .seo-brand img{width:46px;height:46px}
  .seo-main{padding-top:65px}
  .seo-main h1{font-size:46px;letter-spacing:-2px}
  .seo-footer-inner{flex-direction:column}
}
@media(max-width:1100px){
  .seo-main{padding-top:70px}
}
@media(max-width:560px){
  .seo-header{gap:8px;padding:14px 12px}
  .seo-brand img{width:40px;height:40px}
  .seo-header-actions{gap:7px}
  .seo-how{width:98px;padding-inline:8px;font-size:13px}
  .seo-app{width:88px;padding-inline:9px;font-size:13px}
  .seo-app svg{display:none}
  .seo-contact{width:44px;min-width:44px;height:44px;min-height:44px}
  .seo-main{width:min(100% - 28px,980px)}
  .seo-main h1{font-size:40px}
  .seo-lead{font-size:16px}
  .seo-list summary,.policy-section{padding:20px}
  .seo-answer{padding:0 20px 20px}
}
@media(max-width:340px){
  .seo-how{width:92px;font-size:12px}
  .seo-app{width:78px;font-size:12px}
  .seo-contact{width:40px;min-width:40px;height:40px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .seo-app:before,.seo-contact:after,.seo-contact svg{animation:none}
}