body{-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.hero{text-align:center;color:#fff;background:#23282e;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.hero-emblem{object-fit:contain;width:min(42rem,90vw);max-height:48vh}.hero h1{letter-spacing:.12em;text-transform:uppercase;margin:1.5rem 0 0;font-size:clamp(1.5rem,6.5vw,4.2rem);font-weight:600}.h1-aloha{color:#b5713f}.h1-intel{color:#eec07a}.tagline{opacity:.85;margin:1rem 0 0;font-size:clamp(1.1rem,3vw,1.5rem)}.signup{flex-wrap:wrap;justify-content:center;gap:.75rem;width:min(34rem,100%);margin-top:2.5rem;display:flex}.signup .hp-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.signup input{color:#fff;background:#ffffff12;border:1px solid #eec07a59;border-radius:999px;outline:none;flex:16rem;padding:.9rem 1.2rem;font-size:1rem}.signup input::placeholder{color:#ffffff73}.signup input:focus{border-color:#eec07a}.signup button{color:#23282e;cursor:pointer;background:linear-gradient(135deg,#eec07a 0%,#d99a4e 100%);border:none;border-radius:999px;padding:.9rem 1.8rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s}.signup button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #eec07a4d}.signup button:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.signup-error{color:#f3a09b;flex-basis:100%;margin:.25rem 0 0;font-size:.9rem}.signup-done{color:#eec07a;margin-top:2.5rem;font-size:1.15rem}.coming-soon{opacity:.7;letter-spacing:.08em;text-transform:uppercase;margin-top:2.5rem;font-size:.95rem}.explainer{color:#fff;text-align:center;background:#23282e;padding:5rem 2rem}.explainer h2{letter-spacing:-.02em;max-width:42rem;margin:0 auto 2rem;font-size:clamp(1.8rem,4vw,2.5rem)}.explainer-video{border-radius:12px;width:100%;max-width:60rem;box-shadow:0 12px 40px #00000073}.mission{color:#efe6d4;background:radial-gradient(60% 55% at 50% 52%,#eec07a17,#0000 70%),#23282e;padding:5rem 2rem 6rem;overflow:hidden}.mission-head{text-align:center;margin-bottom:1rem}.overline{letter-spacing:.35em;text-transform:uppercase;color:#b5713f;margin:0 0 .75rem;font-size:.8rem}.mission h2{letter-spacing:.01em;background:linear-gradient(135deg,#eec07a 20%,#d99a4e 80%);-webkit-text-fill-color:transparent;color:#eec07a;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:600}.book-wrap{aspect-ratio:4/3;width:min(72rem,100%);margin:0 auto;position:relative;container-type:inline-size}.book-art{opacity:.4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.page{width:29.5%;height:41%;font-family:Fraunces,Georgia,serif;font-size:clamp(.72rem,1.42cqw,1.15rem);line-height:1.62;position:absolute;top:27%;overflow:hidden}.page-left{left:16%}.page-right{left:54.5%}.page p{margin:0 0 .9em}.page em{color:#eec07a;font-style:italic;font-weight:600}.page-colophon{letter-spacing:.22em;text-transform:uppercase;color:#e2b06abf;font-size:.78em}@media (width<=720px){.book-wrap{aspect-ratio:auto;padding:2rem 0 1rem}.book-art{display:none}.page{width:min(34rem,100%);height:auto;margin:0 auto;font-size:1.05rem;position:static;overflow:visible}}.site-footer{color:#efe6d4;background:#23282e;border-top:1px solid #eec07a33;padding:3.5rem 2rem 2rem}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2.5rem 4rem;max-width:64rem;margin:0 auto;display:flex}.footer-brand img{height:4.5rem;display:block}.footer-word{letter-spacing:.14em;text-transform:uppercase;color:#eec07a;margin:.75rem 0 0;font-family:Fraunces,Georgia,serif;font-size:1.15rem}.footer-tag{opacity:.65;margin:.35rem 0 0;font-size:.9rem}.footer-links{flex-direction:column;gap:.7rem;display:flex}.footer-links h3{letter-spacing:.3em;text-transform:uppercase;color:#b5713f;margin:0 0 .3rem;font-size:.78rem;font-weight:600}.footer-links a{color:#efe6d4;align-items:center;gap:.55rem;font-size:.98rem;text-decoration:none;transition:color .15s;display:inline-flex}.footer-links a:hover{color:#eec07a}.link-icon{color:#eec07a;flex:none;width:1.25rem;height:1.25rem}.footer-legal{opacity:.55;text-align:center;border-top:1px solid #ffffff14;max-width:64rem;margin:3rem auto 0;padding-top:1.5rem;font-size:.85rem}