:root{--primary:#1DB954;--charcoal:#1A1A1A;--white:#FFF;--bg-mint:#E9F7EF;--soft-mint:#B9E9CE;--muted-green:#5A6B60}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'DM Sans',sans-serif;background-color:var(--bg-mint);color:var(--charcoal);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.bg-pattern{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23B9E9CE' stroke-width='1' opacity='0.7'%3E%3Ccircle cx='20' cy='20' r='3'/%3E%3Cpath d='M60 20v10M60 30a3 3 0 10-6 0 3 3 0 006 0z'/%3E%3Cpath d='M20 60h10M20 65h8M20 70h5'/%3E%3Cpath d='M60 70c5-5 10-5 15 0'/%3E%3Cpath d='M30 40v8l-4-4m8 0l-4 4' stroke='%231A1A1A' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E");mask-image:linear-gradient(to bottom,black 0,transparent 30%,transparent 70%,black 100%),radial-gradient(ellipse at center,transparent 10%,black 80%);-webkit-mask-image:linear-gradient(to bottom,black 0,transparent 30%,transparent 70%,black 100%),radial-gradient(ellipse at center,transparent 10%,black 80%)}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,rgba(233,247,239,0.9) 0,rgba(233,247,239,0) 65%);animation:vignetteBreathe 6s ease-in-out infinite,vignetteIn 1s ease-out forwards}.layout-wrapper{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;width:100%;max-width:1440px;margin:0 auto;padding:1rem;min-height:100vh}.header{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0 2rem;position:relative;z-index:20}.logo{height:32px;width:auto}.verified-badge{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--muted-green);background:rgba(255,255,255,0.6);padding:.25rem .625rem;border-radius:99px;border:1px solid var(--soft-mint);transform-origin:left center;animation:verifiedIn .5s cubic-bezier(0.175,0.885,0.32,1.275) forwards,verifiedPulse 3s infinite 2s}.verified-badge svg{width:14px;height:14px;color:var(--primary)}.hero-scene{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.map-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180vw;min-width:900px;max-width:1100px;pointer-events:none;z-index:5}.map-svg{width:100%;height:auto;display:block;overflow:visible}.map-label{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;fill:var(--muted-green)}.pass-card{background:var(--white);border-radius:28px;padding:2.5rem 1.5rem;width:100%;max-width:460px;position:relative;z-index:10;border:2px solid var(--soft-mint);box-shadow:0 24px 48px rgba(26,26,26,0.06);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.pass-notch{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:26px;height:26px;background:var(--bg-mint);border-radius:50%;border-right:2px solid var(--soft-mint);z-index:15;display:flex;align-items:center}.notch-mark{position:absolute;left:10px}h1{font-family:'Outfit',sans-serif;font-size:clamp(2.25rem,6vw,3.25rem);font-weight:700;color:var(--charcoal);line-height:1.05;letter-spacing:-0.02em;margin:.5rem 0 1rem}.support-line{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--muted-green);line-height:1.5;margin-bottom:2rem;padding:0 .5rem}.cta-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.cta-btn{background:var(--primary);color:var(--charcoal);font-family:'Outfit',sans-serif;font-weight:700;font-size:1.25rem;border-radius:99px;padding:.75rem .75rem .75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-decoration:none;border:3px solid var(--white);box-shadow:0 8px 24px rgba(29,185,84,0.25);transition:transform .2s,box-shadow .2s;position:relative;width:100%}.cta-text{flex:1;text-align:center;line-height:1.2}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(29,185,84,0.35)}.cta-btn:focus-visible{outline:3px solid var(--charcoal);outline-offset:4px}.nudge{display:flex;align-items:center;gap:.375rem;background:rgba(0,0,0,0.1);padding:.5rem .875rem;border-radius:99px;font-size:.875rem;font-weight:600;font-family:'DM Sans',sans-serif;white-space:nowrap}.nudge-icon{transition:transform .3s;animation:nudgeBeat 5s infinite}.cta-btn:hover .nudge-icon{transform:translateX(4px)}.cta-subtext{display:block;margin-top:1rem;font-size:.875rem;color:var(--muted-green)}.footer{padding:2rem 0 1rem;text-align:center;font-size:.875rem;color:var(--muted-green);z-index:20;position:relative}.mask-draw{stroke-dasharray:2500;stroke-dashoffset:2500;animation:drawLine 1.5s cubic-bezier(0.4,0,0.2,1) forwards}.travel-dot{offset-path:path("M 300 80 C 150 80,150 250,230 420 C 280 550,380 620,500 620 C 650 620,800 450,770 300 C 750 150,550 50,450 120 C 350 200,200 325,450 325");animation:travelDot 4s linear infinite;animation-delay:1.5s;opacity:0}.node{animation:nodePulse 4s ease-out infinite}.node-1{animation-delay:1.5s}.node-2{animation-delay:2.3s}.node-3{animation-delay:3.5s}.node-4{animation-delay:4.5s}@keyframes vignetteIn{from{opacity:0}to{opacity:1}}@keyframes vignetteBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes verifiedIn{0%{transform:scale(0.5);opacity:0}50%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes verifiedPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes nudgeBeat{0%,90%,100%{transform:translateX(0) rotate(0)}93%{transform:translateX(4px) rotate(10deg)}96%{transform:translateX(2px) rotate(-5deg)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes travelDot{0%{offset-distance:0;opacity:1}90%{offset-distance:100%;opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes nodePulse{0%,15%,100%{transform:scale(1)}5%{transform:scale(1.15)}}@media(min-width:768px){.layout-wrapper{padding:2rem}.header{position:absolute;top:2rem;left:2rem;padding:0;justify-content:flex-start}.pass-card{padding:3.5rem 3rem;flex:none}.footer{position:absolute;bottom:2rem;left:2rem;padding:0;text-align:left}.map-layer{width:100%;max-width:1000px;min-width:auto}.cta-btn{padding:.875rem .875rem .875rem 2rem}}@media(max-width:767px){.pass-card{flex:1;margin:1rem 0}.hero-scene{align-items:stretch}}html,body{max-width:100%;overflow-x:clip}