
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#eee3dd;font-family:Arial,sans-serif;color:#4d3e34}button{font:inherit} .stage{position:fixed;inset:0;overflow:hidden;isolation:isolate;touch-action:pan-y}.art{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:62% center;will-change:transform;user-select:none;pointer-events:none;transform:translate3d(0,0,0)}.reveal{opacity:1}.light{position:absolute;inset:-12%;background:radial-gradient(ellipse at 50% 50%,rgba(255,250,225,.27),transparent 42%);mix-blend-mode:screen;pointer-events:none;will-change:transform}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 57% 40%,transparent 35%,rgba(94,58,38,.11) 100%);pointer-events:none}.dust{position:absolute;inset:-8%;pointer-events:none;will-change:transform}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff9dc;box-shadow:0 0 9px 2px #fff7dc99;animation:shimmer var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.3}.spark:nth-child(3n){width:2px;height:2px}@keyframes shimmer{from{opacity:.12;translate:0 5px}to{opacity:.7;translate:3px -6px}}.controls{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:10px 12px 10px 20px;background:#fffaf170;border:1px solid #fff9;box-shadow:0 4px 24px #4b34200b;backdrop-filter:blur(16px);border-radius:40px;white-space:nowrap;transition:opacity .4s}.controls span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.controls button{border:1px solid #806a4c22;background:#fff8;color:#524333;border-radius:30px;padding:9px 14px;font-size:11px;cursor:pointer;transition:background .2s}.controls button:hover{background:#fff}.controls button:focus-visible{outline:2px solid #98774e;outline-offset:3px}.controls.idle{opacity:.12}.controls:hover,.controls:focus-within{opacity:1}.paused .spark{animation-play-state:paused}@media(max-width:600px){.art{object-position:61% center}.controls{bottom:20px;gap:8px;padding:8px 10px 8px 14px}.controls span{font-size:9px;letter-spacing:.06em}.controls button{padding:8px 10px}}@media(prefers-reduced-motion:reduce){.spark{animation:none}.controls{transition:none}}

:root{--bronze:#745032;--ink:#392b24;--serif:"Baskerville Old Face","Palatino Linotype",Georgia,serif}body{color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,243,232,.8) 0%,rgba(250,243,232,.48) 28%,transparent 55%);pointer-events:none}.site-header{position:fixed;z-index:3;top:0;left:0;width:100%;padding:30px 4.8%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:26px;letter-spacing:.05em}.brand svg{width:36px;height:36px;color:#896644}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:.34em;margin-top:5px;color:#84694f}.nav{display:flex;align-items:center;gap:34px;padding:16px 30px;border:1px solid #9f82552e;border-radius:99px;background:#fff7ed59;backdrop-filter:blur(15px)}.nav button,.nav a{font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:none;border:0;color:#64503f;cursor:pointer}.nav button:hover,.nav a:hover{color:#241a12}.header-link{font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #9b7a51;padding:9px 0;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;color:#513c29}.hero-copy{position:fixed;z-index:2;left:6%;top:27%;max-width:40%;pointer-events:none}.hero-copy>*{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:.3em;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:#7a5b3d}.eyebrow:before{content:"";width:32px;height:1px;background:#a68860}h1{font-family:var(--serif);font-size:clamp(56px,6.25vw,112px);font-weight:400;line-height:.96;letter-spacing:-.045em;margin:28px 0 24px}h1 .gold{background:linear-gradient(110deg,#63422b 0%,#a07843 34%,#755032 65%,#ad8854 100%);background-clip:text;-webkit-background-clip:text;color:transparent}h1 i{font-family:"Garamond",Georgia,serif;font-weight:400}.intro{font-size:12px;line-height:1.9;max-width:290px;color:#746151}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.primary-action{border:1px solid #9b7950;color:#fff5df;background:linear-gradient(120deg,#4f382a,#8d6841);box-shadow:inset 0 1px 0 #dfc8a44a,0 6px 20px #71523522;padding:17px 23px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .25s,box-shadow .25s}.primary-action:hover{transform:translateY(-2px);box-shadow:0 8px 28px #71523533}.text-action{border:0;border-bottom:1px solid #a384644d;background:none;padding:10px 0;font-size:10px;letter-spacing:.08em;color:#70533b;cursor:pointer}.detail{position:fixed;z-index:2;right:5%;bottom:12%;font-family:var(--serif);font-size:16px;line-height:1.6;color:#765a40;text-align:right}.detail small{display:block;font:8px Arial,sans-serif;letter-spacing:.25em;color:#927354;margin-top:8px}.site-footer{position:fixed;bottom:28px;left:5%;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#967a60}.controls{z-index:5;left:auto;right:4%;transform:none;bottom:20px;padding:6px 8px 6px 14px}.controls span{font-size:8px}.controls button{font-size:9px;padding:7px 10px}dialog{background:#f9f3e9;color:#49382b;border:1px solid #b199753f;box-shadow:0 20px 100px #3e2c3333;max-width:820px;width:calc(100% - 36px);padding:34px;max-height:85vh;overflow:auto}dialog::backdrop{background:#3b2b235c;backdrop-filter:blur(8px)}dialog h2{font:38px var(--serif);margin:0 0 16px}dialog p{font-size:13px;line-height:1.8;color:#76614f}.dialog-top{display:flex;justify-content:space-between;gap:20px}.close{align-self:start;border:1px solid #b499753f;background:none;padding:8px 12px;cursor:pointer;color:#70543b}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan{border:1px solid #b79b6c44;padding:20px}.plan h3{font:26px var(--serif);margin:0}.plan strong{font:30px var(--serif);display:block;margin:18px 0}.plan p{font-size:11px}.plan:nth-child(2){border-color:#9e7b45;background:#eee1cd66}.preview-note{font-size:10px!important;color:#97816c!important}button:focus-visible,a:focus-visible{outline:2px solid #8c683e;outline-offset:5px}@media(min-width:1800px){.hero-copy{top:30%}.intro{font-size:15px;max-width:350px}}@media(max-height:740px) and (min-width:761px){.hero-copy{top:24%}h1{font-size:65px;margin:18px 0}.hero-actions{margin-top:18px}.intro{line-height:1.6}.detail{bottom:15%}}@media(max-width:760px){.site-header{padding:22px 6%}.brand{font-size:23px}.brand svg{width:30px}.nav{display:none}.header-link{font-size:9px}.veil{background:linear-gradient(0deg,#f5eaddf5 0%,#f5eaddb8 35%,transparent 70%)}.hero-copy{left:7%;top:auto;bottom:115px;max-width:88%}h1{font-size:59px;margin:17px 0 15px}.intro{font-size:11px;max-width:280px}.eyebrow{font-size:8px}.hero-actions{margin-top:20px}.detail{display:none}.site-footer{bottom:83px;left:7%;font-size:7px}.controls{right:50%;transform:translateX(50%);bottom:22px;gap:10px}.plans{grid-template-columns:1fr}dialog{padding:24px}.art{object-position:61% center}.hero-copy h1 br:first-child{display:initial}.hero-copy h1{font-size:54px}.hero-actions{gap:16px}.primary-action{padding:16px 17px;font-size:9px}.text-action{font-size:9px}}@media(max-height:700px) and (max-width:760px){.hero-copy{bottom:100px}h1{font-size:46px}.intro{margin:8px 0}.hero-actions{margin-top:10px}.site-footer{bottom:73px}}
@media(pointer:coarse){.dust,.light,.reveal{display:none}.controls{backdrop-filter:none}.art{will-change:auto}}

/* Dark resting artwork; cursor paints back the original colors. */
img.art{filter:grayscale(1) brightness(.40) contrast(1.12)}
.veil{background:linear-gradient(90deg,rgba(15,17,20,.68),rgba(15,17,20,.34) 30%,transparent 60%)}
body{background:#17191c;color:#f4ead7}
.brand{color:#efe0c2}.brand svg{color:#d2b47c}.brand small{color:#baa988}
.nav{background:#20232966;border-color:#d5bc8230}.nav button,.nav a{color:#d8cbb0}.nav button:hover,.nav a:hover{color:#fff5dc}
.header-link{color:#e3c89b;border-color:#c9a970}
.eyebrow{color:#c9b899}.eyebrow:before{background:#bc9966}
h1{color:#f3e8d4}h1 .gold{background-image:linear-gradient(110deg,#af8953,#f1d5a0 40%,#cba263 72%,#e8c995)}
.intro{color:#c7c1b5}.text-action{color:#dcc194;border-color:#b9976659}
.detail{color:#e1c799;text-shadow:0 1px 8px #0009}.detail small{color:#baa785}.site-footer{color:#b7a589}
.controls{background:#292b2d9c;border-color:#bca47b42;color:#dac8a7}.controls button{background:#4a454066;border-color:#bca47b40;color:#e6d4b2}.controls button:hover{background:#63594b}
@media(max-width:760px){.veil{background:linear-gradient(0deg,#12161cf5 0%,#14181cd6 32%,#15191c33 70%)}}
@media(pointer:coarse){img.art{filter:grayscale(.6) brightness(.58) contrast(1.08)}}

body.full-color img.art{filter:none}
body.full-color .reveal{visibility:hidden}
body.full-color .veil{background:linear-gradient(90deg,rgba(20,19,18,.73),rgba(20,19,18,.25) 34%,transparent 57%)}
@media(max-width:760px){.controls{max-width:94%;flex-wrap:wrap;justify-content:center}.controls #hint{display:none}body.full-color .veil{background:linear-gradient(0deg,#14181cf0 0%,#14181c9c 30%,transparent 66%)}}

/* Keep account access readable against both dark and revealed artwork. */
.site-header .header-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:13px 20px;border:1px solid #bfa071;border-radius:999px;background:#24211e;color:#f4dfb7;box-shadow:0 3px 14px #0003;white-space:nowrap;font-weight:600;transition:background .2s,border-color .2s}
.site-header .header-link:hover{background:#3c3024;border-color:#f0d49d;color:#fff2d5}
.site-header .header-link:focus-visible{outline:3px solid #fff1cf;outline-offset:4px}
@media(max-width:760px){.site-header .header-link{padding:11px 14px;font-size:9px;letter-spacing:.09em}}

.brand .crown-logo{width:58px;height:58px;object-fit:contain;flex:none;background:transparent;filter:none}@media(max-width:650px){.brand .crown-logo{width:44px;height:44px}}

.hero-actions{flex-wrap:wrap;gap:14px}.hero-actions .primary-action{display:inline-flex;align-items:center;justify-content:center}

.telegram-bubble{position:fixed;right:24px;bottom:82px;z-index:8;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#229ed9;color:white;box-shadow:0 5px 24px #0005;border:1px solid #ffffff45;transition:transform .15s,background .15s}.telegram-bubble svg{width:29px;height:29px}.telegram-bubble:hover{background:#168bc3;transform:translateY(-2px)}.telegram-bubble:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:760px){.telegram-bubble{right:16px;bottom:86px;width:48px;height:48px}}
