:root{color-scheme:dark;--line:#29333d;--text:#eceeea;--muted:#9ca7b3;--gold:#d5bc88;font-family:Inter,'Segoe UI',sans-serif;scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 12%,#23313b66,transparent 45%),#0b1016;color:var(--text);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;min-height:110px;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:14px;align-items:center;font-size:16px;font-weight:650;letter-spacing:2.4px;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:2.6px;font-weight:450;color:var(--muted);margin-top:7px}.monogram{display:grid;place-items:center;width:43px;height:43px;border:1px solid #86755266;color:var(--gold);font-size:13px;letter-spacing:1px}.header nav{font-size:12px;color:#bbc3ca}.intro{padding-block:96px 90px;position:relative}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.5px;color:var(--gold);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-weight:450;font-size:clamp(54px,7vw,90px);letter-spacing:-4px;line-height:1.07;margin-bottom:28px}h1 em{font-style:normal;color:var(--gold)}.intro>p:not(.eyebrow){max-width:440px;font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:26px}.text-link{font-size:12px;color:var(--gold)}.intro-index{position:absolute;right:0;bottom:103px;font-size:11px;letter-spacing:4px;color:#65727e}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}h2{font-size:23px;font-weight:450;letter-spacing:-.5px;margin:0}.section-heading>span{font-size:11px;color:#7f8d99}.app{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #534b3b;border-radius:8px;overflow:hidden;background:linear-gradient(115deg,#191e23,#111923)}.app-copy{padding:44px;min-width:0}.app-title{display:flex;align-items:center;gap:17px;margin-bottom:22px}h3{font-weight:450;font-size:42px;letter-spacing:-1.2px;line-height:1.15;margin:0}.app-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:340px;margin-bottom:22px}.status{display:block;font-size:10px;color:#a99d84;margin-bottom:29px}.button{display:inline-flex;background:var(--gold);color:#151a1e;border-radius:4px;padding:12px 20px;font-size:12px;font-weight:650}.button:hover{background:#e4cca0}.app-image{display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-width:0;background:#0b121b;border-left:1px solid var(--line);padding:27px 0 23px 27px}.app-image img{display:block;width:calc(100% + 70px);height:auto;max-width:none;border:1px solid #364352;border-radius:6px 0 0 6px;box-shadow:0 15px 50px #0004}.app-image>span{margin-top:20px;padding-right:25px;font-size:8px;letter-spacing:2px;color:#a4b0bb}.app-image:hover>span{color:var(--gold)}.next-app{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding:33px 0 38px}.next-symbol{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border:1px dashed #3e4a55;color:#8193a1;font-size:26px;font-weight:300}.next-app .eyebrow{font-size:8px;color:#8193a1;margin-bottom:9px}.next-app h3{font-size:20px;letter-spacing:-.4px;margin-bottom:9px}.next-app p:last-child{font-size:12px;color:#8193a1;margin-bottom:0}.footer{display:flex;gap:30px;align-items:center;padding-block:35px 42px;margin-top:65px}.footer .brand{font-size:11px;letter-spacing:2px}.footer p{font-size:10px;color:#73818e;margin:0 auto 0 0}.footer>a:last-child{font-size:10px;color:#8f9ca8}.footer a:hover{color:var(--gold)}.skip{position:fixed;top:-100px;left:15px;background:var(--gold);color:#000;padding:10px 15px;z-index:9}.skip:focus{top:15px}@media(max-width:900px){.wrap{width:calc(100% - 56px)}.app-copy{padding:30px}.intro{padding-block:74px}.app{grid-template-columns:1fr 1fr}.app-image{padding-left:18px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{min-height:88px}.brand{font-size:13px;letter-spacing:1.6px}.brand small{font-size:6px;letter-spacing:2px}.header nav{font-size:10px}.monogram{width:35px;height:35px}.intro{padding-block:62px}.intro-index{display:none}h1{letter-spacing:-2.4px}.intro>p:not(.eyebrow){font-size:14px}h2{font-size:21px}.section-heading>span{font-size:9px;max-width:100px;text-align:right}.app{grid-template-columns:1fr}.app-copy{padding:28px}.app-copy>p:not(.eyebrow){max-width:none}.app-image{border-left:0;border-top:1px solid var(--line);padding:24px 0 20px 24px}.app-image img{width:calc(100% + 30px)}.next-app{align-items:flex-start;gap:17px}.next-app h3{font-size:19px}.next-app .eyebrow{letter-spacing:1.3px}.footer{flex-wrap:wrap;gap:15px;margin-top:25px}.footer p{font-size:9px}.footer>a:last-child{width:100%}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.drakard-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px 44px;margin-top:24px;border:1px solid #554364;border-radius:8px;background:radial-gradient(ellipse at 100% 50%,#75538c22,transparent 65%),#17151d}.drakard-card .eyebrow,.drakard-card .text-link{color:#c6a0e5}.drakard-card h3{margin-bottom:18px}.drakard-card p:not(.eyebrow){max-width:470px;font-size:14px;color:var(--muted)}.drakard-card .status{color:#aa93b9;margin-bottom:18px}.card-rune{font-size:130px;color:#c6a0e566;line-height:1}@media(max-width:650px){.drakard-card{padding:28px}.card-rune{display:none}}
/* Drakard has the same full app-card presence as Beacon, with its own accent. */
.drakard-app{margin-top:24px;border-color:#554364;background:linear-gradient(115deg,#211a29,#14111b)}.drakard-app .eyebrow{color:#c6a0e5}.drakard-app .status{color:#bca4cd}.drakard-app .button{background:#c6a0e5}.drakard-app .button:hover{background:#dec2f2}.drakard-mark{color:#c6a0e5;font-size:49px;line-height:1;width:37px;text-align:center}.drakard-preview{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:30px;border-left:1px solid #44344f;background:radial-gradient(ellipse at 70% 30%,#75538c22,transparent 70%),#100e16}.drakard-preview-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#a38ab5;margin-bottom:17px}.drakard-preview-heading>span:last-child{font-size:20px;color:#c6a0e5}.drakard-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #493655;border-radius:5px;overflow:hidden}.drakard-preview-grid>div{padding:18px 20px;background:#211a2b66;display:flex;align-items:flex-start;flex-direction:column;min-width:0}.drakard-preview-grid>div:nth-child(even){border-left:1px solid #493655}.drakard-preview-grid>div:nth-child(n+3){border-top:1px solid #493655}.preview-symbol{font-size:25px;line-height:1;color:#c6a0e5;margin-bottom:13px}.drakard-preview-grid strong{font-weight:500;font-size:14px;color:#e2d6ea}.drakard-preview-grid small{font-size:10px;color:#aa98b7;margin:5px 0 13px}.preview-state{font-size:8px;color:#d7bd87;border:1px solid #6a5738;padding:2px 6px;border-radius:3px;margin-top:auto}.preview-state.future{color:#bea2d1;border-color:#5c466c}.drakard-preview-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#c6a0e5;font-size:8px;letter-spacing:1.5px;margin-top:19px}.drakard-preview-caption small{font-size:8px;color:#93809f;letter-spacing:0}.drakard-preview:hover{background-color:#191320}.drakard-preview:hover .drakard-preview-caption{color:#e9d4f7}@media(max-width:900px){.drakard-preview{padding:22px}.drakard-preview-grid>div{padding:16px 12px}.drakard-preview-grid small{font-size:9px}}@media(max-width:650px){.drakard-preview{border-left:0;border-top:1px solid #44344f;padding:24px}.drakard-preview-grid>div{padding:18px 15px}}
.drakard-app{border-color:#633139;background:linear-gradient(115deg,#24181b,#121619)}.drakard-app .eyebrow,.drakard-app .status,.drakard-mark{color:#ef7a7e}.drakard-app h3{font-family:Georgia,'Times New Roman',serif;color:#ee3548}.drakard-app .button{background:#d84958;color:#fff4e9}.drakard-app .button:hover{background:#ed6470}.drakard-feature-status{display:flex;flex-direction:column;gap:8px;font-size:9px;letter-spacing:.5px;margin:-10px 0 25px;color:#d0b48c}.drakard-feature-status>span:first-child{color:#9fc7b5}.workshop-preview{padding:24px;border-left-color:#633139;background:#101214}.workshop-preview img{display:block;width:100%;height:auto;border:1px solid #683338;border-radius:2px;box-shadow:0 15px 40px #0005}.workshop-preview .drakard-preview-caption{color:#edb2a5;letter-spacing:1px}.workshop-preview:hover{background:#1c1417}.workshop-preview .drakard-preview-caption small{color:#b4a39a}@media(max-width:650px){.workshop-preview{border-top-color:#633139}.workshop-preview .drakard-preview-caption{font-size:8px}}