:root{color-scheme:light;--paper:#faf6ed;--ink:#32160e;--muted:#725b4f;--gold:#a97623;--line:#e4d8c2;--red:#ae1800}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#dfbd7d;color:#32160e}
.page{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:40px clamp(24px,5.5vw,88px) 28px;overflow:hidden}
.header{position:relative;z-index:1}
.brand{display:inline-flex;align-items:center;gap:20px}
/* Same unmodified source image and sprite coordinates as the analysis app. */
.brand-mark,.logo-watermark{width:var(--mark-size);height:var(--mark-size);border-radius:50%;background-image:url("./splitkein-logo-source.jpg");background-repeat:no-repeat;background-size:calc(var(--mark-size)*5.15436) calc(var(--mark-size)*3.20805);background-position:calc(var(--mark-size)*-.503355) calc(var(--mark-size)*-.389262)}
.brand-mark{--mark-size:92px;display:block;flex-shrink:0}
.brand-name{color:var(--red);font-size:36px;font-weight:650;letter-spacing:-1.2px}
.logo-watermark{--mark-size:clamp(680px,90vw,1280px);position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);opacity:.075;mix-blend-mode:multiply;pointer-events:none;user-select:none}
main{position:relative;display:grid;place-items:center;min-width:0;padding:100px 0 126px}
.message{position:relative;z-index:1;text-align:center;max-width:100%}
.accent{width:40px;height:3px;background:var(--gold);margin:0 auto 31px}
h1{margin:0;color:var(--red);font-size:clamp(58px,8.4vw,124px);font-weight:400;line-height:1.08;letter-spacing:-.065em;text-wrap:balance}
.period{color:var(--gold)}
p{margin:29px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.7;color:var(--muted);letter-spacing:-.015em}
p span{white-space:nowrap}
footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.055em;color:var(--muted)}
@media(max-width:600px){.page{padding-top:28px;padding-bottom:24px}.brand{gap:15px}.brand-mark{--mark-size:72px}.brand-name{font-size:31px}.logo-watermark{--mark-size:clamp(620px,160vw,900px);opacity:.06}main{padding:90px 0 105px}h1{max-width:7em;font-size:clamp(54px,12vw,72px);line-height:1.06}p{max-width:260px;margin:25px auto 0}p span{display:block}.accent{margin-bottom:26px}footer{font-size:11px}}
@media(max-height:520px) and (min-width:601px){.page{padding-top:24px;padding-bottom:20px}main{padding:48px 0 52px}h1{font-size:64px}.accent{margin-bottom:20px}p{margin-top:18px}}