*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#f4f4f4;color:#111}h1{margin:0 0 12px;font-size:32px}p{line-height:1.5}.topbar{position:fixed;z-index:10;left:12px;top:12px;display:flex;gap:10px}.topbar a,.topbar button{border:0;border-radius:8px;padding:10px 12px;background:#000000b3;color:#fff;text-decoration:none;font:inherit}#vrOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#000000b8;color:#fff;text-align:center}#vrOverlay .panel{width:min(520px,100%)}#startVrButton{margin-top:16px;padding:14px 18px;border:0;border-radius:10px;background:#fff;color:#111;font-weight:700;font-size:18px}#vrCanvas{width:100vw;height:100vh;display:block;background:#000}:root{--surface: #fcf9f4;--surface-dim: #dcdad5;--surface-bright: #fcf9f4;--surface-container-lowest: #ffffff;--surface-container-low: #f6f3ee;--surface-container: #f0ede9;--surface-container-high: #ebe8e3;--surface-container-highest: #e5e2dd;--on-surface: #1c1c19;--on-surface-variant: #54433e;--inverse-surface: #31302d;--inverse-on-surface: #f3f0eb;--outline: #87736d;--outline-variant: #dac1bb;--surface-tint: #954832;--primary: #91452f;--on-primary: #ffffff;--primary-container: #af5d45;--on-primary-container: #fffaf9;--secondary: #685d4c;--on-secondary: #ffffff;--secondary-container: #eeddc8;--on-secondary-container: #6c6150;--tertiary: #625a54;--on-tertiary: #ffffff;--tertiary-container: #7b726c;--on-tertiary-container: #fffaf9;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--background: #fcf9f4;--on-background: #1c1c19;--surface-variant: #e5e2dd;--spacing-unit: 8px;--container-max: 1280px;--gutter: 32px;--margin-desktop: 80px;--margin-tablet: 40px;--margin-mobile: 24px;--section-gap: 120px}body.landing{min-height:100vh;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;background:var(--background);color:var(--on-background);position:relative;overflow-x:hidden}body.landing:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(800px 420px at 10% -10%,rgba(145,69,47,.14),transparent 60%),radial-gradient(700px 520px at 90% 10%,rgba(104,93,76,.12),transparent 60%),linear-gradient(180deg,var(--background),var(--surface-container-low))}.landing a{color:inherit}.eyebrow{font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--on-surface-variant)}.landing-main{width:100%;max-width:var(--container-max);margin:0 auto;padding:40px var(--margin-desktop) var(--section-gap);display:flex;flex-direction:column;gap:80px}.hero{text-align:center;max-width:780px;margin:0 auto}.hero h1{margin:16px 0 24px;font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-size:48px;font-weight:300;line-height:1.2;letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface)}.hero .lead{margin:0 auto 32px;max-width:620px;font-size:18px;line-height:1.6;color:var(--on-surface-variant)}.cta-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;border:1px solid var(--outline);text-decoration:none;font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,transform .2s ease}.cta-button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.cta-button.primary:hover{background:var(--primary-container);border-color:var(--primary-container);transform:translateY(-1px)}.cta-button.ghost{background:transparent;color:var(--on-surface)}.cta-button.ghost:hover{background:var(--surface-container);border-color:var(--surface-container-high);transform:translateY(-1px)}@media (max-width: 960px){.landing-main{padding:32px var(--margin-tablet) 96px;gap:64px}.hero h1{font-size:32px;letter-spacing:.12em}}@media (max-width: 600px){.landing-main{padding:24px var(--margin-mobile) 80px}.hero h1{font-size:26px;letter-spacing:.1em}.hero .lead{font-size:16px}.cta-button{width:100%}}