:root{color-scheme:dark;--bg:#000;--ink:#f7f7f2;--muted:#c3c3bd;--lime:#eaff00;--line:#343434;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,.detail-content:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.page{height:100vh;height:100dvh;max-width:1800px;margin:auto;padding:0 clamp(24px,5vw,96px);display:grid;grid-template-rows:auto minmax(0,1fr) auto}.topbar{min-height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;width:min(310px,calc(100vw - 164px));flex:0 1 min(310px,calc(100vw - 164px));min-width:0;line-height:1;text-decoration:none}.brand-person,.brand-wordmark{position:relative;display:block;overflow:hidden;background:#000}.brand-person{flex:0 0 34px;width:34px;height:36px}.brand-wordmark{height:30px;min-width:0;flex:1 1 auto}.brand-person::before,.brand-wordmark::before{content:"";position:absolute;inset:0;background-image:url("assets/wba-full-logo-original.png");background-repeat:no-repeat;filter:grayscale(1) invert(1) contrast(2.2)}.brand-person::before{background-size:100% auto;background-position:center top}.brand-wordmark::before{background-size:100% auto;background-position:left 98%}.language select{border:1px solid var(--line);border-radius:0;background:#000;color:var(--ink);font-size:17px;padding:12px 36px 12px 16px;max-width:180px;cursor:pointer}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:4vw;min-height:0;padding:24px 0}.hero-copy{min-width:0}h1{font-size:clamp(64px,8.3vw,142px);line-height:.97;letter-spacing:-.065em;font-weight:900;margin:0}h1>span{display:block}.accent{color:var(--lime)}.lead{font-size:clamp(20px,2vw,30px);line-height:1.4;letter-spacing:-.025em;margin:32px 0 0;max-width:640px;color:var(--muted)}.explore{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:0 0 24px;gap:36px}.explore button{background:none;color:var(--ink);border:0;padding:28px 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:clamp(20px,1.8vw,28px);font-weight:650;gap:16px;transition:color .2s}.arrow{color:var(--lime);font-size:36px;line-height:1}.explore button:hover{color:var(--lime)}dialog{background:#10110f;color:var(--ink);padding:0;border:1px solid #484a40;width:min(920px,calc(100% - 48px));max-height:calc(100dvh - 64px);margin:auto}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(12px)}.dialog-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 66px)}.dialog-header{padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;flex-shrink:0}.dialog-header h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:800}.close{flex-shrink:0;width:48px;height:48px;font-size:38px;line-height:1;color:var(--ink);background:transparent;border:1px solid #56584f}.close:hover{color:#000;background:var(--lime);border-color:var(--lime)}.detail-content{padding:32px 36px 40px;overflow:auto;overscroll-behavior:contain;font-size:19px;line-height:1.6;min-height:0}.detail-content p{margin:0 0 22px;color:#d0d1c9;max-width:74ch}.detail-content .intro{font-size:clamp(23px,3vw,30px);line-height:1.4;color:var(--ink);letter-spacing:-.02em}.detail-content h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:30px 0 16px;color:var(--lime)}.detail-content ul{padding-left:22px;margin:12px 0 24px}.detail-content li{padding-left:4px;margin:12px 0;color:#d0d1c9}.detail-content li::marker{color:var(--lime)}.area{border-top:1px solid #3c3e35}.area:last-of-type{border-bottom:1px solid #3c3e35}.area summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:25px;font-weight:700;line-height:1.25}.area summary::-webkit-details-marker{display:none}.area summary::after{content:'+';color:var(--lime);font-size:30px;font-weight:400}.area[open] summary::after{content:'−'}.area .role{font-size:17px;font-weight:400;color:#b4b6ab;display:block;margin-top:3px}.area p{margin-bottom:10px}.area ul{margin-top:0}.note{border-left:3px solid var(--lime);padding:12px 0 12px 20px;margin-top:28px!important;font-size:17px}.steps{display:flex;flex-wrap:wrap;gap:12px 22px;margin:28px 0;color:var(--lime);font-size:25px;font-weight:700}.steps span:not(:last-child)::after{content:' →';color:#7d8073}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;bottom:0;background:var(--lime);color:#000;padding:12px;width:100%;text-align:center}html[lang=en] h1{font-size:clamp(55px,6.7vw,112px)}html[lang=de] h1{font-size:clamp(55px,7vw,118px)}html[lang=zh-Hans] h1{letter-spacing:-.04em;font-size:clamp(60px,7.8vw,130px);line-height:1.15}
@media(min-width:1000px) and (max-height:700px){.topbar{min-height:82px}.hero{padding:18px 0}h1{font-size:clamp(64px,7vw,110px)}.lead{font-size:22px;margin-top:20px}.explore{padding-bottom:8px}.explore button{padding:22px 0}}
@media(max-width:700px){.page{padding:0 24px}.topbar{min-height:80px;gap:12px}.language select{font-size:16px;padding:10px;max-width:132px}.hero{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:14px;padding:16px 0 24px}.hero-copy{grid-row:1}.brand-person{flex-basis:28px;width:28px;height:30px}.brand-wordmark{height:19px}.brand-wordmark::before{background-position:left 97%}h1{font-size:clamp(44px,12vw,80px);letter-spacing:-.06em}.lead{font-size:19px;line-height:1.35;margin-top:18px}.explore{grid-template-columns:1fr;gap:0;padding-bottom:12px}.explore button{padding:12px 0;font-size:21px}.explore button+button{border-top:1px solid #242424}.arrow{font-size:26px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-shell{max-height:calc(100dvh - 26px)}.dialog-header{padding:20px}.detail-content{padding:24px 20px 32px;font-size:18px}.dialog-header h2{font-size:32px}.area summary{font-size:24px}html[lang=en] h1{font-size:clamp(36px,10vw,66px)}html[lang=de] h1{font-size:clamp(39px,10.5vw,70px)}html[lang=zh-Hans] h1{font-size:clamp(40px,11.2vw,72px)}}
@media(max-width:700px) and (max-height:720px){.hero{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);align-items:center;gap:12px;padding:10px 0}.hero-copy{grid-column:1;grid-row:1;width:auto}.topbar{min-height:64px;gap:12px}.brand-person{flex-basis:25px;width:25px;height:27px}.brand-wordmark{height:16px}.brand-wordmark::before{background-position:left 98%}.language select{padding:8px;max-width:104px;font-size:14px}.hero h1{font-size:clamp(34px,10.5vw,44px);line-height:1}.lead{font-size:16px;line-height:1.3;margin-top:12px}.explore button{padding:9px 0;font-size:19px}.explore .arrow{font-size:24px}}
@media(max-height:480px) and (min-width:701px){.topbar{min-height:64px}.hero{padding:14px 0;grid-template-columns:1.6fr .6fr}h1,html[lang=en] h1,html[lang=de] h1,html[lang=zh-Hans] h1{font-size:46px}.lead{font-size:17px;margin-top:12px}.explore{padding:0;gap:24px}.explore button{font-size:18px;padding:16px 0}.arrow{font-size:26px}}
@media(max-width:360px){.topbar{gap:8px}.brand{width:172px;flex-basis:172px;gap:8px}.brand-person{flex-basis:23px;width:23px;height:25px}.brand-wordmark{height:16px}.brand-wordmark::before{background-position:left 98%}.language select{font-size:13px;max-width:88px;padding:6px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:appear .2s ease-out}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}