/* A white landing page with real rendered sample cards on a staggered plane. */
body[data-mode=home]{background:#fff;color:#22272d}
body[data-mode=home] .site-shell{background:#fff;color:#22272d;border-bottom:1px solid #edf0f2}
body[data-mode=home] .site-brand{color:#17191b}
body[data-mode=home] .site-context{color:#878d94}
body[data-mode=home] .site-language select{background:#f6f7f8;color:#333;border-color:#e2e5e8}
.unified-shell #modeHome{background:#fff;padding:0 max(24px,calc((100vw - 1080px)/2)) 64px;color:#22272d;overflow:hidden}
.home-hero{height: min(820px,calc(100svh - 56px));min-height:540px;position:relative;margin:0 calc(-1 * max(24px,calc((100vw - 1080px)/2)));isolation:isolate;overflow:hidden;background:#fff}
.hero-wordmark{position:absolute;z-index:2;top:17%;left:0;right:0;text-align:center;font:850 clamp(76px,13vw,190px)/1 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:-.055em;color:#08090a;pointer-events:none}
.card-landscape{position:absolute;inset:32% -20% -45%;overflow:hidden;pointer-events:none;perspective:1600px;filter:blur(.65px);opacity:.88}
.card-landscape-plane{position:absolute;width:1710px;left:50%;top:15%;transform-origin:50% 0;transform:translateX(-50%) rotateX(49deg) rotateZ(-31deg);}
.landscape-row{display:flex;gap:16px;margin-bottom:16px;width:max-content}
.landscape-row:nth-child(even){transform:translateX(-95px)}
.landscape-row img{display:block;width:174px;height:243px;border-radius:7px;box-shadow:6px 13px 16px #4c546020,1px 2px 2px #4c546019;flex:none}
.home-hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#fff 0%,#fff 30%,#ffffffc9 41%,#ffffff12 66%,#ffffff20 83%,#fff 100%)}
#modeHome .home-intro{position:relative;margin:36px 0 30px;text-align:center}
#modeHome .home-intro small{color:#717c87}
#modeHome .home-intro h1{font-size:clamp(28px,3.4vw,42px);color:#1d2228}
#modeHome .home-intro p,#modeHome .home-note{color:#6c7580}
#modeHome .mode-choices button{background:#fafbfc;border:1px solid #dfe4e9;color:#252c34;box-shadow:0 6px 24px #303e4905}
#modeHome .mode-choices button:hover{background:#f2f6fa;border-color:#9aaebf}
#modeHome .mode-choices h2{color:#222b34}
#modeHome .mode-choices p{color:#6a7580}
#modeHome .mode-choices b,#modeHome .mode-icon{color:#526e85}
#modeHome .privacy-notice{background:#f6f8fa;border-color:#becdd8;color:#667785}
#modeHome .item-entry{color:#526e85;background:#f7f9fb;border-color:#dde4ea}
#modeHome #terms{background:#fafbfc;border-color:#dfe4e9}
#modeHome #terms>summary,#modeHome .terms-body h3{color:#333f4c}
#modeHome .terms-body{color:#687583}
@media(max-width:600px){.home-hero{height:650px;min-height:0;max-height:calc(100svh - 56px)}.hero-wordmark{top:20%;font-size:clamp(65px,16vw,96px)}.card-landscape{inset:35% -65% -40%;perspective:1000px}.card-landscape-plane{transform:translateX(-50%) scale(.72) rotateX(49deg) rotateZ(-31deg);top:10%}#modeHome .home-intro{margin-top:20px}}
#modeHome .home-intro h1{font-size:clamp(22px,2.5vw,34px);max-width:850px;margin:0 auto 22px;line-height:1.7;letter-spacing:0}
#modeHome .home-intro p{font-size:16px;color:#3c4753}
#modeHome>.privacy-notice{text-align:center;border:0;background:none;padding:8px 0 24px;margin:0;font-size:12px}
#modeHome .mode-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#modeHome .mode-choices>button,#modeHome .mode-choices>.item-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:190px;margin:0;padding:28px 12px;border:1px solid #dfe4e9;border-radius:14px;text-align:center;text-decoration:none;background:#fafbfc}
#modeHome .mode-choices svg{width:54px;height:54px;fill:none;stroke:#526e85;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#modeHome .mode-choices circle{fill:#fafbfc}
#modeHome .mode-choices h2{font-size:17px;padding:20px 0 0;margin:0;background:none;border:0}
.home-rules-link{display:block;text-align:center;margin:28px 0;color:#526e85;font-size:14px}
@media(max-width:600px){#modeHome .mode-choices{gap:8px}#modeHome .mode-choices>button,#modeHome .mode-choices>.item-entry{min-height:144px;padding:18px 4px}#modeHome .mode-choices h2{font-size:11px;padding-top:14px}#modeHome .mode-choices svg{width:40px;height:40px}}

/* Keep the original edge-to-edge landscape; mix supplied cards into its central rows. */
.home-hero .card-landscape{filter:blur(.65px);opacity:.88}

/* Landing-page copy and navigation */
#modeHome .home-intro h1{max-width:none;font-size:clamp(18px,2.4vw,32px);line-height:1.6;text-wrap:balance;word-break:normal;overflow-wrap:normal}
#modeHome .home-intro p{font-size:clamp(23px,3vw,30px);font-weight:700;margin:24px 0 0;color:#252c34}
#modeHome>.privacy-notice{padding:0;margin:22px auto 28px;max-width:900px;line-height:1.8;text-align:center;border:0;background:none}
#modeHome .home-rules-link{display:flex;align-items:center;justify-content:center;gap:16px;max-width:400px;min-height:86px;box-sizing:border-box;margin:0 auto 32px;padding:18px 26px;border:1px solid #dfe4e9;border-radius:14px;background:#fafbfc;color:#252c34;text-decoration:none;font-size:17px;font-weight:600}
#modeHome .home-rules-link svg{width:42px;height:42px;flex-shrink:0;fill:none;stroke:#526e85;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#modeHome .home-rules-link:hover{background:#f2f6fa;border-color:#9aaebf}
#modeHome .home-rules-link:focus-visible{outline:3px solid #387dc7;outline-offset:4px}