:root{color-scheme:light;--ink:#22393a;--muted:#5d7070;--line:#d9e4df;--paper:#f5f7f3;--white:#fff;--mint:#e1eee6;--orange:#d9703c;--deep:#163f41}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:4px}.site-header,.site-footer,.hero,.game-section,.closing,.legal-wrap{max-width:1220px;margin:auto}.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand strong{color:var(--orange)}.brand-mark{width:38px;height:38px;border:2px solid var(--deep);border-radius:11px;display:grid;place-items:center;font-weight:850;line-height:1;position:relative;color:var(--deep)}.brand-mark span{position:absolute;right:-6px;top:-7px;background:var(--paper);font-size:12px;color:var(--orange)}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:650}nav a:hover,nav .current{color:var(--deep)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:76px 32px 94px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#527a71;font-size:12px;font-weight:800;letter-spacing:.15em}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(48px,5.3vw,78px);margin:22px 0 28px;font-weight:760}h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:470px;color:var(--muted);font-size:19px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 21px;border-radius:12px;text-decoration:none;font-weight:750}.button-primary{background:var(--deep);color:#fff;box-shadow:0 10px 20px #163f4118}.button-primary:hover{background:#21585a}.quiet-note{font-size:13px;color:var(--muted)}.hero-art{min-height:500px;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(#b6d7dc 0 43%,#d7e8df 43% 55%,#b1c9b8 55%);box-shadow:0 20px 50px #31504a1b}.sun{position:absolute;top:10%;right:15%;width:100px;height:100px;border-radius:50%;background:#f7edca}.city{position:absolute;bottom:38%;width:43%;height:33%;background:repeating-linear-gradient(90deg,transparent 0 18%,#b5d6d0 18% 27%,transparent 27% 42%),#e7e1d0;clip-path:polygon(0 25%,25% 25%,25% 0,52% 0,52% 35%,76% 35%,76% 15%,100% 15%,100% 100%,0 100%);opacity:.92}.city-left{left:0}.city-right{right:0;transform:scaleX(-1);background-color:#d6e6df}.road{position:absolute;inset:42% 0 0;background:#45595b;clip-path:polygon(43% 0,57% 0,100% 100%,0 100%)}.road:before,.road:after{content:"";position:absolute;top:0;bottom:0;border-left:3px solid #e6e9db}.road:before{left:17%;transform:rotate(16deg)}.road:after{right:17%;transform:rotate(-16deg)}.road i{position:absolute;top:7%;height:96%;border-left:4px dashed #f0eee4;transform-origin:top}.road i:first-child{left:48%;transform:rotate(9deg)}.road i:last-child{right:48%;transform:rotate(-9deg)}.hero-car{position:absolute;width:50%;max-width:310px;left:50%;bottom:4%;transform:translateX(-50%);filter:drop-shadow(0 20px 12px #1e303c66);mix-blend-mode:screen;mask-image:radial-gradient(ellipse 63% 56% at 50% 48%,#000 66%,transparent 100%)}.art-caption{position:absolute;top:24px;left:26px;font-size:11px;font-weight:850;letter-spacing:.17em;color:#2e5655;background:#ffffffad;padding:8px 11px;border-radius:7px}.game-section{padding:45px 32px 94px}.section-heading{text-align:center}.section-heading h2{font-size:clamp(38px,4vw,58px);margin:13px 0 7px}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;min-height:245px}.feature-icon{display:grid;place-items:center;background:var(--mint);color:var(--deep);border-radius:12px;width:42px;height:42px;font-size:23px;margin-bottom:22px}.feature-grid h3{font-size:19px;margin-bottom:8px}.feature-grid p{color:var(--muted);font-size:15px}.closing{margin-bottom:82px;padding:42px 50px;border-radius:24px;background:#e7eee7;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.closing h2{font-size:clamp(30px,3vw,44px);margin:11px 0 0}.closing p{color:var(--muted);margin:0;max-width:430px}.site-footer{border-top:1px solid var(--line);padding:38px 32px 50px;display:grid;grid-template-columns:1fr auto;gap:25px}.site-footer p{font-size:13px;color:var(--muted);margin:10px 0 0}.site-footer small{grid-column:1/-1;color:var(--muted)}.site-footer nav{flex-wrap:wrap}.legal-wrap{padding:50px 32px 90px;display:grid;grid-template-columns:210px minmax(0,760px);gap:65px}.legal-sidebar{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:12px}.legal-sidebar a{text-decoration:none;font-size:14px;color:var(--muted)}.legal-sidebar .current,.legal-sidebar a:hover{color:var(--deep);font-weight:700}.legal-content{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(26px,5vw,64px)}.legal-content h1{font-size:clamp(38px,5vw,60px);margin:12px 0 12px}.legal-content h2{font-size:24px;letter-spacing:-.02em;margin:38px 0 12px}.legal-content h3{font-size:18px;margin:24px 0 8px}.legal-content p,.legal-content li{color:#455c5c}.legal-content ul{padding-left:22px}.legal-content li+li{margin-top:8px}.legal-content a{color:#1e6663;text-underline-offset:3px}.legal-content .lead{font-size:18px;color:var(--muted);margin-bottom:30px}.legal-content .meta{color:var(--muted);font-size:13px}.draft-note{border-left:4px solid var(--orange);background:#fcf3e9;padding:15px 18px;border-radius:0 10px 10px 0;color:#664b38;margin:26px 0}.callout{background:#eaf4ef;border-radius:14px;padding:18px 20px;margin:24px 0}.callout p:last-child{margin-bottom:0}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:50px;gap:38px}.hero-art{min-height:440px}.legal-wrap{grid-template-columns:1fr;gap:24px}.legal-sidebar{position:static;flex-direction:row;flex-wrap:wrap;gap:16px}.closing{margin-left:32px;margin-right:32px}}@media(max-width:600px){.site-header{padding:16px 20px;min-height:74px;align-items:flex-start;flex-direction:column;gap:12px}.site-header nav{gap:22px}.hero,.game-section,.legal-wrap{padding-left:20px;padding-right:20px}.hero{padding-top:42px;padding-bottom:60px}.hero-art{min-height:380px}.hero-car{width:53%}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.closing{margin:0 20px 60px;padding:30px;grid-template-columns:1fr;gap:14px}.site-footer{padding:34px 20px;grid-template-columns:1fr}.site-footer nav{gap:18px}.site-footer small{grid-column:1}.legal-wrap{padding-top:30px}.legal-content{padding:27px 22px}.legal-content h1{font-size:38px}}
:root { --preview-border: #c9d8d4; }
.skip-link { position: absolute; top: -100px; left: 20px; z-index: 100; padding: 10px 16px; background: #fff; }
.skip-link:focus { top: 12px; }
.hero { grid-template-columns: 1.1fr 1fr; padding-top: 48px; padding-bottom: 56px; }
.hero h1 { margin-top: 20px; }
.hero .release-note { font-size: 14px; margin-top: 26px; max-width: 430px; }
.back-link { color: var(--muted); font-size: 14px; text-underline-offset: 4px; }
.preview-link { display: block; text-decoration: none; }
.game-preview { margin: 0 auto; max-width: 330px; }
.game-preview img { display: block; width: 100%; height: auto; border: 1px solid var(--preview-border); border-radius: 20px; box-shadow: 0 14px 38px #274c441a; }
.game-preview figcaption { font-size: 12px; color: var(--muted); text-align: center; margin-top: 12px; }
.game-section > h2, .game-resources h2 { font-size: 30px; letter-spacing: -.025em; }
.game-resources { max-width: 1220px; margin: 0 auto 60px; padding: 0 32px; }
.game-resources nav { flex-wrap: wrap; gap: 16px 30px; }
.game-resources nav a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 850px) {
  .hero { grid-template-columns: 1fr; gap: 30px; }
  .game-preview { max-width: 360px; }
}
@media (max-width: 600px) {
  .hero { padding-top: 32px; padding-bottom: 40px; }
  .game-preview { max-width: 300px; }
  .game-resources { padding: 0 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.brand-mark img{display:block;width:30px;height:30px}
.skip-lane-icon{display:block;width:88px;height:88px;margin:0 0 20px;border:1px solid #d9e4df;border-radius:20px;box-shadow:0 10px 25px #31504a24;object-fit:cover}