:root{
  --white:#ffffff;
  --black:#0a0a0a;
  --text:#575757;
  --muted:#7b7b7b;
  --line:rgba(0,0,0,.06);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:
    linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),
    url('cross-bg.webp');
  background-size:cover;
  background-attachment:fixed;
  color:var(--black);
  min-height:100vh;
}
a{color:inherit}
img{max-width:100%;height:auto}
.container{width:min(1180px,100%);margin:0 auto;padding:0 28px}
.skip-link{position:absolute;left:-9999px;top:12px;z-index:100;background:#111;color:#fff;padding:10px 14px;text-decoration:none}
.skip-link:focus{left:12px}
.nav{display:flex;justify-content:center;align-items:center;padding:42px 0 10px}
.nav img{width:min(360px,62vw);display:block}
.hero{min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 0 28px}
.hero-inner{max-width:860px}
.eyebrow{letter-spacing:.46rem;text-transform:uppercase;color:#8a8a8a;font-size:.74rem;margin-bottom:36px}
h1{font-size:clamp(3.8rem,8vw,7rem);line-height:.92;letter-spacing:-.075em;font-weight:900;margin-bottom:30px}
.sub{max-width:700px;margin:0 auto 22px;color:#555;line-height:1.9;font-size:1.08rem}
.human{font-style:italic;color:#2f2f2f;margin-bottom:42px}
.signup{width:min(620px,100%);margin:0 auto;display:flex;background:#fff;border:1px solid #dfdfdf}
.signup label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.signup input{flex:1;border:none;outline:none;padding:22px;font-size:1rem;background:transparent;min-width:0}
.signup input:focus-visible,.signup button:focus-visible,.ig-link:focus-visible,.footer-links a:focus-visible,.sm-signature a:focus-visible{outline:2px solid #111;outline-offset:3px}
.signup button{border:none;background:#111;color:#fff;padding:0 34px;font-weight:700;letter-spacing:.08rem;cursor:pointer}
.note{margin-top:16px;color:var(--muted);font-size:.84rem;letter-spacing:.04rem}
.ig-wrap{margin-top:42px}.ig-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#111;border:1px solid #dcdcdc;border-radius:999px;padding:14px 24px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:.2s ease;font-size:.92rem}.ig-link:hover{background:#111;color:#fff}
.statement{padding:0 0 40px}.panel{background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:30px;padding:54px}.panel h2{font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.06em;margin-bottom:20px}.panel p{color:var(--text);line-height:1.9;max-width:760px}
.page-main{padding:72px 0 26px}.page-hero{max-width:820px;margin:0 auto 48px;text-align:center}.page-kicker{letter-spacing:.36rem;text-transform:uppercase;color:#8a8a8a;font-size:.72rem;margin-bottom:24px}.page-title{font-size:clamp(3rem,7vw,6rem);margin-bottom:24px}.page-deck{max-width:680px;margin:0 auto;color:#555;line-height:1.9;font-size:1.05rem}.content-panel{max-width:900px;margin:0 auto;background:rgba(255,255,255,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:30px;padding:54px}.content-panel h2{font-size:clamp(1.8rem,3.4vw,3.2rem);line-height:1;letter-spacing:-.045em;margin:42px 0 16px}.content-panel h2:first-child{margin-top:0}.content-panel p{color:var(--text);line-height:1.9;margin-top:16px}.content-panel strong{color:#1d1d1d;font-weight:600}.about-landscape{margin:38px 0 6px}.about-landscape img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;border:1px solid rgba(0,0,0,.06)}
.faq-list{max-width:920px;margin:0 auto}.faq-item{border-top:1px solid rgba(0,0,0,.08);padding:30px 0}.faq-item:last-child{border-bottom:1px solid rgba(0,0,0,.08)}.faq-item h2{font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.025em;line-height:1.25}.faq-item p{margin-top:12px;color:var(--text);line-height:1.85;max-width:820px}
.footer{padding:46px 24px 34px;text-align:center;border-top:1px solid var(--line);margin-top:40px;background:transparent}.footer-brand{font-size:.82rem;letter-spacing:.28em;font-weight:600;text-transform:uppercase;color:#111;margin-bottom:24px}.footer-links{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.footer-links a{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:rgba(0,0,0,.54)}.footer-links a:hover{color:#111}.footer-verse{max-width:520px;margin:0 auto;font-size:.95rem;line-height:1.9;color:rgba(0,0,0,.62);font-weight:400;letter-spacing:.02em}.footer-reference{margin-top:14px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(0,0,0,.38)}.sm-signature{margin-top:26px;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.32)}.sm-signature a{text-decoration:none;color:inherit}.sm-signature a:hover{color:rgba(0,0,0,.65)}
@media(max-width:700px){body{background-attachment:scroll}.nav{padding-top:34px}.nav img{width:240px}.hero{min-height:auto;padding-top:0}h1{font-size:clamp(3.2rem,14vw,5rem)}.eyebrow{letter-spacing:.28rem;line-height:1.8}.signup{flex-direction:column}.signup button{padding:20px}.panel,.content-panel{padding:34px}.page-main{padding-top:44px}.about-landscape{margin-top:30px}.about-landscape img{border-radius:16px}.footer{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ig-link{transition:none}}
