/* Direct role-first entry. GWH color is reserved for the choices and the artwork. */
.gwh-landing{background:#fff8ea;color:#171719;--cream:#fff8ea;--ink:#171719;--lime:#c7ef66}
.gwh-landing .top{background:#fff8ea;border-bottom:1px solid #171719;border-radius:0;box-shadow:none}
.gwh-landing .top-inner{max-width:1120px;padding:16px 24px;flex-wrap:nowrap}
.gwh-landing .top .logo{font-size:30px;letter-spacing:-1.5px;width:auto}
.gwh-landing .top .btn{background:#171719;color:#fff8ea;border:0;border-radius:999px;min-height:44px;padding:12px 24px;box-shadow:none}
.landing-page{max-width:1120px;margin:auto;padding:64px 24px 32px}
.landing-story{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.landing-kicker,.landing-section-heading>span{font-size:12px;font-weight:900;letter-spacing:.08em}
.landing-intro h1{font-size:clamp(72px,10vw,132px);line-height:.88;letter-spacing:-.075em;margin:24px 0}
.landing-intro h1>span{color:#8062cf}
.landing-intro>p{max-width:37ch;font-size:20px;line-height:1.5;margin:0 0 20px}
.landing-how-link{font-size:14px;font-weight:800;text-underline-offset:5px}
.landing-art{position:relative;background:#9b83e8;aspect-ratio:1;border:1px solid #171719;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;transform:rotate(3deg);overflow:hidden}
.landing-art img{width:52%;align-self:center;image-rendering:pixelated;transform:rotate(-9deg)}
.landing-art-label{font-size:clamp(22px,3vw,38px);line-height:.98;letter-spacing:-.05em;font-weight:950}.landing-art-footer{font-weight:900;font-size:20px;border-top:1px solid;padding-top:16px}
.landing-roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.gwh-landing .role-choice{display:block!important;background:#c7ef66;border:1px solid #171719;border-radius:20px;padding:28px;text-decoration:none;box-shadow:none;height:auto!important;min-height:0!important;transition:transform .15s}
.gwh-landing .accompany-choice{background:#f3a4dc}
.role-choice small{font-size:11px;font-weight:900;letter-spacing:.08em;display:block}.role-choice b{font-size:48px;line-height:1;letter-spacing:-2px;display:block;margin-top:12px}.role-choice p{font-size:16px;line-height:1.5;margin:16px 0 24px}.role-choice strong{display:block;border-top:1px solid #171719;padding-top:16px;font-size:16px}
.landing-roles>p{grid-column:1/-1;font-size:12px;margin:0;color:#554d50;line-height:1.5}
.landing-trust{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;font-weight:700;margin:24px 0 64px}
.landing-section{margin:48px 0}.landing-section h2{font-size:clamp(28px,4vw,44px);letter-spacing:-1.5px;line-height:1.1;margin:10px 0 28px}
.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0}.landing-steps li{border-top:1px solid #171719;padding-top:20px}.landing-steps li>span{font-size:14px;font-weight:900;color:#7153bc}.landing-steps h3{font-size:22px;letter-spacing:-.6px;margin:16px 0 8px}.landing-steps p{font-size:15px;line-height:1.6;margin:0}
.landing-safety{border-block:1px solid #d5cec2;padding:24px 0}.landing-safety summary{cursor:pointer;list-style:none}.landing-safety summary::-webkit-details-marker{display:none}.landing-safety h2{font-size:26px;margin:8px 0}.landing-safety summary>span:last-child{font-size:14px}.landing-safety p{max-width:70ch;line-height:1.6}.landing-safety .btn{background:transparent;box-shadow:none;font-size:14px}
.landing-faq details{border-bottom:1px solid #d5cec2}.landing-faq summary{padding:20px 0;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;list-style:none;gap:16px}.landing-faq summary:after{content:'+'}.landing-faq details[open] summary:after{content:'−'}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq details p{max-width:72ch;line-height:1.6;margin:0 0 20px;font-size:15px}.landing-faq details>a{display:inline-block;margin-bottom:20px}
.landing-updates{font-size:14px;margin:32px 0}.landing-updates summary{padding:12px 0;cursor:pointer}.patch-notes-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.patch-card{padding:20px;border:1px solid #d5cec2;border-radius:16px}
.landing-instagram{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-block:1px solid #d5cec2;text-decoration:none}.landing-instagram small{display:block;font-size:11px;margin-bottom:8px}.landing-instagram b{font-size:20px}.landing-instagram>span{font-size:28px}
.landing-footer{padding-top:32px}.landing-footer>b{font-size:28px;letter-spacing:-1px}.landing-footer nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px;font-size:13px}.landing-footer a{display:flex;align-items:center;min-height:44px}
.gwh-landing :is(a,summary):focus-visible{outline:3px solid #7153bc;outline-offset:5px}.gwh-landing :is(#roles,#how,#privacy,#pricing){scroll-margin-top:90px}
.gwh-landing .member-status-wrap{max-width:1072px;margin:20px auto}.gwh-landing .member-status{background:#fff8ea}.gwh-landing .member-status-actions .primary{background:#c7ef66}
@media(hover:hover){.role-choice:hover{transform:translateY(-4px)}}
@media(max-width:650px){.gwh-landing .top-inner{padding:12px 20px}.gwh-landing .top .logo{font-size:26px}.landing-page{padding:32px 20px}.landing-story{display:block}.landing-art{display:none}.landing-intro h1{font-size:88px;margin:24px 0}.landing-intro>p{font-size:17px}.landing-kicker{font-size:10px}.landing-roles{margin-top:28px;gap:12px;grid-template-columns:1fr}.gwh-landing .role-choice{padding:22px}.role-choice b{font-size:38px}.role-choice p{margin:12px 0 16px;font-size:15px}.role-choice strong{font-size:15px;padding-top:12px}.landing-trust{margin:20px 0 40px;gap:12px;font-size:12px}.landing-steps{grid-template-columns:1fr;gap:24px}.landing-steps li{display:grid;grid-template-columns:32px 1fr;gap:16px}.landing-steps h3{margin-top:0}.landing-section{margin:36px 0}.landing-safety h2{font-size:24px}.patch-notes-grid{grid-template-columns:1fr}.gwh-landing .member-status-wrap{margin:16px 20px}}
@media(prefers-reduced-motion:reduce){.role-choice{transition:none}}