:root{--black:#0a0a0a;--white:#fff;--gray:#888;--line:hsla(0,0%,100%,.12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:Montserrat,sans-serif;overflow-x:hidden}.cursive{font-family:Playfair Display,serif;font-style:italic;font-weight:400}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px;position:relative}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:28px 28px;pointer-events:none;z-index:1}.hero-logo{max-width:min(580px,85%);width:100%;height:auto;display:block;animation:fadeUp .8s ease .1s both;filter:drop-shadow(0 2px 24px rgba(0,0,0,.6))}.section-logo{height:3.2rem;width:auto;display:block;margin:6px 0 10px}.section-logo.dark-logo{filter:brightness(0)}.logo-band-wrapper{position:relative;display:inline-block;line-height:0;margin:6px 0 10px}.logo-band-wrapper:before{content:"";position:absolute;top:0;bottom:0;left:0;right:-80%;background:#111;border-radius:4px;z-index:0}.logo-band-wrapper .section-logo{position:relative;z-index:1;display:block;margin:0}.footer-logo{height:1em;width:auto;display:inline-block;vertical-align:middle;margin:0 2px;filter:brightness(.6)}#hero{background:radial-gradient(ellipse at top,#1a1a1a 0,var(--black) 70%);text-align:center;flex-direction:column;overflow:hidden}#hero .globe{position:absolute;left:50%;bottom:0;transform:translate(-50%,48%);width:min(150%,1100px);aspect-ratio:1/1;z-index:0;pointer-events:none;animation:fadeUp 1.2s ease .5s both;filter:drop-shadow(0 -10px 50px rgba(255,255,255,.2))}#hero .globe svg{width:100%;height:100%;display:block;opacity:.55}#hero .veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 55% at 50% 42%,hsla(0,0%,4%,.85) 0,hsla(0,0%,4%,.55) 45%,hsla(0,0%,4%,0) 75%)}#hero>:not(.globe):not(.veil){position:relative;z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.7)}#hero .tagline{font-family:Montserrat,sans-serif;font-size:clamp(1.4rem,4vw,2.4rem);letter-spacing:.15em;text-transform:none;margin:20px 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.55);animation:fadeUp .8s ease .2s both}#hero .pitch,#hero .tagline{font-weight:400;color:#cfcfcf}#hero .pitch{max-width:560px;font-size:1.05rem;line-height:1.7;margin:24px auto 44px;animation:fadeUp .8s ease .3s both}#hero .signup,#hero .signup *{text-shadow:none}.signup{display:flex;gap:0;max-width:480px;width:100%;border:1px solid var(--white);border-radius:50px;overflow:hidden;animation:fadeUp .8s ease .4s both;background:rgba(0,0,0,.3)}.signup input{flex:1 1;background:transparent;border:none;outline:none;color:var(--white);padding:18px 26px;font-family:Montserrat;font-size:1rem}.signup input::placeholder{color:var(--gray)}.signup button{background:var(--white);color:var(--black);border:none;padding:0 24px;font-family:Montserrat;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;cursor:pointer;transition:.3s;white-space:nowrap}.signup button:hover{background:var(--gray);color:var(--white)}.signup button:disabled{opacity:.7;cursor:default}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}.hero-socials{gap:16px;margin-top:20px;animation:fadeUp .8s ease .5s both}.hero-socials,.hero-socials a{display:flex;justify-content:center}.hero-socials a{align-items:center;color:var(--gray);transition:color .3s;text-shadow:none}.hero-socials a:hover{color:var(--white)}.hero-socials svg{width:18px;height:18px}#about{background:var(--white);color:var(--black)}.about-grid{max-width:1100px;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.about-photo{aspect-ratio:4/5;background:var(--black);border-radius:4px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo .placeholder{color:var(--gray);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:20px}.about-text .label{font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gray);margin-bottom:16px;text-align:left}.about-text h2{font-weight:900;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:4px}.about-text .logo-band-wrapper{margin-bottom:14px}.about-text .section-logo{height:2.8rem}.about-text .sub{font-family:Montserrat,sans-serif;font-weight:400;font-size:clamp(1rem,2.5vw,1.3rem);letter-spacing:.05em;margin-bottom:28px;color:#444}.about-text p{font-size:.875rem;font-weight:400;line-height:1.8;color:#333;margin-bottom:18px}#social{background:radial-gradient(ellipse at bottom,#1a1a1a 0,var(--black) 70%);flex-direction:column;text-align:center}#social .label{font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gray);margin-bottom:14px}#social h2{font-weight:900;font-size:clamp(2.4rem,7vw,5rem);text-transform:uppercase;letter-spacing:-.03em;margin-bottom:4px}#social .section-logo{height:4rem;margin:0 auto 8px}#social .cursive{font-size:clamp(1.2rem,3vw,2rem);margin-bottom:56px}.socials{gap:28px;flex-wrap:wrap}.socials,.socials a{display:flex;justify-content:center}.socials a{width:78px;height:78px;border:1px solid var(--line);border-radius:50%;align-items:center;color:var(--white);transition:.35s;background:hsla(0,0%,100%,.02)}.socials a:hover{background:var(--white);color:var(--black);transform:translateY(-6px);border-color:var(--white)}.socials svg{width:30px;height:30px}footer{margin-top:70px;font-size:.75rem;letter-spacing:.2em;color:var(--gray);text-transform:uppercase;display:flex;align-items:center;gap:6px}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--reveal-delay,0s)}[data-reveal=from-left]{transform:translateX(-28px)}[data-reveal=from-right]{transform:translateX(28px)}[data-reveal].visible{opacity:1;transform:none}.signup input:focus{background:hsla(0,0%,100%,.06)}.signup button:active:not(:disabled){transform:scale(.97)}.socials a{transition:background .35s,color .35s,transform .35s,border-color .35s}.socials a:hover{transform:translateY(-6px) scale(1.08)}.hero-socials a{transition:color .3s,transform .3s}.hero-socials a:hover{transform:scale(1.2)}section{transition:background .4s ease}.modal-overlay{position:fixed;inset:0;background:hsla(0,0%,4%,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;justify-content:center;animation:fadeIn .25s ease}.modal-box,.modal-overlay{display:flex;align-items:center}.modal-box{background:#111;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:52px 40px;max-width:400px;width:90%;text-align:center;flex-direction:column;gap:12px;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-globe-wrap{width:180px;height:180px;border-radius:50%;overflow:hidden;margin-bottom:8px;box-shadow:0 0 60px hsla(0,0%,100%,.12);flex-shrink:0}.modal-globe-wrap .globe{position:static;width:100%;height:100%;transform:none;filter:none;animation:none}.modal-globe-wrap .globe svg{width:100%;height:100%;opacity:1}.modal-label{font-size:.72rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gray)}.modal-title{font-weight:900;font-size:1.8rem;letter-spacing:-.02em;text-transform:uppercase;color:var(--white);margin:4px 0}.modal-sub{font-size:.95rem;color:#aaa;line-height:1.5;margin-bottom:8px}.modal-btn{display:inline-block;background:#25d366;color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:16px 32px;border-radius:50px;margin-top:8px;transition:background .3s,transform .2s;white-space:nowrap}.modal-btn:hover{background:#1ebe5d;transform:translateY(-2px)}.modal-btn-close{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);cursor:pointer}.modal-btn-close:hover{background:hsla(0,0%,100%,.18);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:768px){section{padding:56px 22px 72px;min-height:100svh}.hero-logo{max-width:80vw}#hero .tagline{font-size:clamp(1rem,5.5vw,1.4rem);margin:14px 0 6px;letter-spacing:.1em}#hero .pitch{font-size:.95rem;line-height:1.6;margin:18px auto 28px;max-width:90%}#hero .globe{width:200%;transform:translate(-50%,52%)}#hero .globe svg{opacity:.45}#hero .veil{background:radial-gradient(ellipse 95% 50% at 50% 40%,hsla(0,0%,4%,.9) 0,hsla(0,0%,4%,.6) 50%,hsla(0,0%,4%,0) 80%)}.hero-socials{justify-content:flex-start}.signup{flex-direction:column;border-radius:20px;max-width:100%}.signup input{text-align:center;padding:16px 20px}.signup button{padding:16px;width:100%}.about-grid{grid-template-columns:1fr;gap:28px}.about-photo{aspect-ratio:1/1;max-width:320px;margin:0 auto;width:100%}.about-text .label{text-align:center}.about-text h2{font-size:clamp(2rem,9vw,2.8rem)}.about-text p{font-size:.825rem;line-height:1.7}#social h2{font-size:clamp(2.2rem,11vw,3.4rem)}#social .section-logo{height:3rem}.socials{gap:18px}.socials a{width:64px;height:64px}.socials svg{width:26px;height:26px}footer{margin-top:48px;font-size:.65rem;justify-content:center;text-align:center;padding:0 16px;flex-wrap:wrap}}