@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&family=Montserrat:wght@700;800&family=Plus+Jakarta+Sans:wght@400;700&display=swap");

:root{--background:#131313;--on-background:#e5e2e1;--on-surface-variant:#ddc1ae;--secondary:#4ae183;--secondary-container:#06bb63;--on-secondary-container:#00431f;--tertiary:#e9c400;--outline-variant:#564334;--surface-highest:#353534;--surface-lowest:#0e0e0e}
*{box-sizing:border-box}
html{background:var(--background)}
body{min-height:100vh;margin:0;background:var(--background);color:var(--on-background);font-family:"Plus Jakarta Sans",sans-serif}
a{color:inherit;text-decoration:none}
.site-shell{display:flex;min-height:100vh;flex-direction:column}
.topbar{position:absolute;top:0;z-index:50;display:flex;width:100%;align-items:center;justify-content:center;padding:1rem 1.5rem}
.logo{height:3rem;width:auto;object-fit:contain}
.hero{position:relative;display:flex;min-height:90vh;flex-grow:1;align-items:center;justify-content:center}
.hero-background{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-image{height:100%;width:100%;background-position:center;background-size:cover}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(0 0 0/.4),rgb(0 0 0/.6),rgb(0 0 0/.9))}
.conversion-wrap{position:relative;z-index:10;width:100%;max-width:28rem;padding:0 1.5rem;text-align:center}
.glass-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;border:1px solid rgb(255 255 255/.12);border-radius:.75rem;background:rgb(19 19 19/.58);box-shadow:0 24px 60px rgb(0 0 0/.32);backdrop-filter:blur(14px);animation:card-in 1s ease both}
h1{margin:0;color:var(--on-background);font-family:Montserrat,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.025em;line-height:1.1}
h1 span{color:var(--secondary)}
.subheadline{margin:0;color:var(--on-surface-variant);font-size:16px;line-height:1.5;opacity:.9}
.trust-row{display:flex;gap:1rem;margin-top:.5rem}
.trust-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border:1px solid var(--outline-variant);border-radius:9999px;background:rgb(53 53 52/.5)}
.trust-icon{color:var(--tertiary);font-size:16px;font-variation-settings:"FILL" 1}
.trust-label{color:var(--on-background);font-size:10px;font-weight:700;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}
.cta{position:relative;display:inline-flex;width:100%;align-items:center;justify-content:center;margin-top:1rem;overflow:hidden;padding:1rem 2rem;border-radius:.5rem;background:var(--secondary-container);box-shadow:0 20px 25px -5px rgb(0 0 0/.32),0 8px 10px -6px rgb(0 0 0/.32);animation:cta-pulse 2s ease-in-out infinite;transition:opacity .2s,transform .2s}
.cta:hover{opacity:.9}
.cta:hover .cta-shine{animation:shine 1s ease-in-out}
.cta:active{transform:scale(.95)}
.cta-label{position:relative;z-index:10;color:var(--on-secondary-container);font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;letter-spacing:.025em;line-height:1.2}
.cta-shine{position:absolute;top:0;left:-100%;display:block;width:50%;height:100%;transform:skewX(-12deg);background:linear-gradient(to right,transparent,rgb(255 255 255/.2),transparent)}
footer{display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1.5rem;border-top:1px solid var(--outline-variant);background:var(--surface-lowest)}
.footer-content{display:flex;width:100%;max-width:42rem;flex-direction:column;gap:1rem;text-align:center}
.legal{display:flex;flex-direction:column;gap:.5rem;opacity:.6}
.legal p,.footer-bottom p{margin:0}
.legal-title{color:var(--on-surface-variant);font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}
.legal-copy{color:var(--on-surface-variant);font-size:13px;line-height:1.625}
.divider{width:25%;height:1px;margin:0 auto;background:var(--outline-variant)}
.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--on-surface-variant);font-size:16px;line-height:1.5}
.footer-bottom nav{display:none;gap:1rem}
.footer-bottom a{font-size:14px;font-weight:700;line-height:1.2;transition:color .2s}
.footer-bottom a:hover{color:#ffb77f}
@keyframes card-in{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}
@keyframes cta-pulse{0%,100%{box-shadow:0 0 0 0 rgb(6 187 99/.32),0 20px 25px -5px rgb(0 0 0/.32)}50%{box-shadow:0 0 0 10px rgb(6 187 99/0),0 20px 25px -5px rgb(0 0 0/.32)}}
@keyframes shine{from{left:-100%}to{left:200%}}
@media(min-width:768px){.logo{height:4rem}.footer-bottom{flex-direction:row}.footer-bottom nav{display:flex}}
@media(prefers-reduced-motion:reduce){.glass-card,.cta{animation:none}}