@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--bg:#111b19;--paper:#e9e5d9;--gold:#b5a078;--muted:#a4aaa2;--line:#b5a07830}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:'Noto Serif SC',Georgia,serif;font-size:14px;background-image:radial-gradient(ellipse at 72% 23%,#31403655,transparent 47%)}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}header{height:112px;max-width:1320px;margin:auto;padding:0 64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;letter-spacing:4px}.brand span{display:block;font:8px Arial;letter-spacing:3px;padding-left:30px;margin-top:7px;color:var(--gold)}nav{display:flex;gap:36px}nav button{border:0;background:none;color:var(--muted);font-size:12px}nav span{color:var(--gold);margin-left:12px}main{min-height:70vh}.hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:82px 64px 78px;align-items:center;gap:44px}.eyebrow{font:10px Arial;letter-spacing:3px;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:15px}.eyebrow:before{content:'';height:1px;width:34px;background:var(--gold)}h1{font-size:49px;font-weight:400;line-height:1.65;letter-spacing:3px;margin:28px 0 20px}.latin{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-style:italic;color:var(--gold);letter-spacing:1px}.intro{max-width:390px;color:var(--muted);font-size:13px;line-height:2.3;margin:24px 0 30px}.primary,.secondary{border:1px solid var(--gold);padding:17px 25px;background:var(--paper);color:var(--bg);font-size:12px;letter-spacing:1px;display:inline-flex;gap:32px;align-items:center;justify-content:center;transition:.25s}.primary:hover{background:#d7c7a5;transform:translateY(-2px)}.secondary{background:transparent;color:var(--paper);border-color:var(--line)}.secondary:hover{border-color:var(--gold)}.textbutton{border:0;background:none;color:var(--muted);padding:20px 0;font-size:12px}.micro{font:10px Arial;color:var(--muted);margin-top:19px;letter-spacing:1px}.art{height:440px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:395px;height:395px;border:1px solid var(--line);border-radius:50%}.orbit:after{content:'';position:absolute;inset:25px;border:1px solid var(--line);border-radius:50%}.star{position:absolute;left:14%;top:15%;color:var(--gold);font-size:26px}.star.small{left:88%;top:77%;font-size:15px}.tarot{width:170px;height:282px;background:#1c2b26;border:1px solid #b5a07885;padding:9px;box-shadow:0 20px 40px #0005;position:relative;flex-shrink:0;border-radius:3px}.tarot .border{border:1px solid #b5a07860;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:15px 8px;overflow:hidden}.tarot .number{font:11px Georgia;color:var(--gold);letter-spacing:3px}.tarot svg{width:100%;height:174px;color:var(--gold)}.tarot .title{font:11px Georgia;letter-spacing:2px;color:#dacba9}.art .tarot{position:absolute;width:187px;height:312px}.art .left{transform:translateX(-120px) rotate(-16deg);background:#18221e}.art .right{transform:translateX(120px) rotate(16deg);background:#26302a}.art .center{transform:translateY(-6px);z-index:2;background:#24372e}.art .center svg{height:190px}.artcaption{position:absolute;bottom:-9px;font:10px Arial;letter-spacing:3px;color:var(--gold)}.strip{max-width:1192px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;padding:24px;gap:20px;font-size:11px;color:var(--muted)}.strip i{color:var(--gold);font-style:normal;margin-right:12px}.paths{max-width:1192px;margin:64px auto 90px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.path{position:relative;padding:18px 0 28px;border-bottom:1px solid var(--line)}.path .index{font:12px Georgia;color:var(--gold);letter-spacing:2px}h2{font-weight:400;font-size:24px;letter-spacing:2px;line-height:1.7}.path p{font-size:12px;color:var(--muted);line-height:2}.path button{position:absolute;right:0;top:45px;color:var(--gold);background:none;border:0;font-size:27px}.path small{font:10px Arial;letter-spacing:2px;color:var(--gold)}footer{max-width:1192px;margin:0 auto;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;gap:20px}.wordmark{font:20px Georgia;letter-spacing:4px;color:var(--gold)}footer span{font-size:9px}.flow{max-width:900px;margin:65px auto 90px;padding:0 28px}.flow.narrow{max-width:650px}.flow h1{font-size:35px;margin:22px 0 14px}.flow .intro{max-width:620px}.back{background:none;border:0;color:var(--muted);padding:0 0 25px;font-size:11px}.steps{display:flex;gap:18px;align-items:center;color:var(--gold);font:10px Arial;letter-spacing:2px;margin:28px 0}.steps .line{height:1px;background:var(--line);flex:1}.field{display:block;color:var(--muted);font-size:12px;margin:26px 0 12px}input,textarea{width:100%;border:1px solid var(--line);background:#ffffff03;color:var(--paper);font:14px 'Noto Serif SC',Georgia;padding:17px;border-radius:0;outline:none}input:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical;min-height:140px;line-height:1.9}.choices{display:grid;gap:12px;margin:30px 0}.choice{text-align:left;border:1px solid var(--line);background:transparent;color:var(--paper);padding:21px;font-size:13px;display:flex;gap:22px;transition:.2s}.choice:hover,.choice.selected{background:#b5a07814;border-color:var(--gold)}.choice span{color:var(--gold);font-family:Georgia}.choice:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.hint{color:var(--muted);line-height:2;font-size:11px}.deck{display:grid;grid-template-columns:repeat(11,1fr);gap:10px;margin:35px 0}.deck button{aspect-ratio:0.61;border:1px solid #b5a07870;background:#1c2b26;color:var(--gold);font-size:25px;position:relative;transition:transform .4s,background .4s}.deck button:before{content:'';position:absolute;inset:5px;border:1px solid var(--line)}.deck button:hover{transform:translateY(-8px)}.deck button.picked{background:#b5a07825;transform:rotateY(180deg);opacity:.4}.selectedcards{display:flex;justify-content:center;gap:25px;margin:35px 0}.selectedcards .tarot{animation:reveal .6s ease}.selectedcards .slot{width:170px;height:282px;border:1px dashed var(--line);display:grid;place-items:center;color:var(--muted);font-size:12px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.centered .intro{margin-left:auto;margin-right:auto}.persona{display:grid;grid-template-columns:190px 1fr;gap:55px;align-items:center;margin:42px 0}.persona .tarot{width:190px;height:310px}.tags{display:flex;gap:12px;color:var(--gold);font-size:10px;letter-spacing:1px;flex-wrap:wrap}.report{border-top:1px solid var(--line);padding:28px 0;line-height:2.2}.report h3{font-size:19px;font-weight:400}.report p{color:#c1c5bc;font-size:13px;white-space:pre-line}.report .label{font:10px Arial;letter-spacing:2px;color:var(--gold)}.paywall{border:1px solid var(--line);padding:35px;text-align:center;background:#b5a07806;margin-top:26px}.paywall h2{font-size:22px}.paywall p{color:var(--muted);font-size:12px;line-height:2}.paywall .price{font-family:Georgia;font-size:30px;color:var(--paper)}.paywall .price small{font:11px Arial;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.loading{padding:120px 25px;text-align:center}.loading .moon{font-size:50px;color:var(--gold);animation:breathe 1.6s infinite}.loading p{color:var(--muted);line-height:2}.progress{width:240px;height:2px;background:var(--line);margin:30px auto;overflow:hidden}.progress:before{content:'';display:block;height:2px;background:var(--gold);animation:progress 1.8s linear forwards}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--paper);color:var(--bg);font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1}@keyframes reveal{from{opacity:0;transform:rotateY(90deg) translateY(15px)}to{opacity:1;transform:none}}@keyframes breathe{50%{opacity:.4}}@keyframes progress{from{width:0}to{width:100%}}@media(max-width:900px){header{padding:0 28px;height:90px}.hero{padding:60px 28px;gap:20px}h1{font-size:36px}.art{transform:scale(.8);margin:-35px}.strip,.paths,footer{margin-left:28px;margin-right:28px}.paths{gap:30px}.deck{grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){header{padding:0 22px;height:86px}.brand{font-size:24px}.brand span{font-size:6px;letter-spacing:2px}nav{gap:17px}nav button{font-size:10px}nav span{display:none}.hero{display:flex;flex-direction:column;padding:42px 24px 35px;gap:15px;align-items:stretch}.hero h1{font-size:34px;line-height:1.6;margin:24px 0 14px}.latin{font-size:23px}.intro{font-size:12px;margin:20px 0}.art{height:340px;transform:scale(.85);margin:0 -24px}.artcaption{bottom:-6px}.hero .primary{width:100%}.hero .textbutton{width:100%;padding:19px 0 0}.strip{padding:20px 0;gap:10px;margin:0 24px;font-size:9px}.strip i{margin-right:6px}.paths{grid-template-columns:1fr;margin:28px 24px 50px;gap:20px}.path{padding:15px 0 20px}.path h2{font-size:22px;margin:12px 0}.path p{max-width:290px}footer{margin:0 24px;padding:25px 0;flex-wrap:wrap;gap:10px}footer span{width:100%}.flow{margin:35px auto 55px;padding:0 24px}.flow h1{font-size:28px;letter-spacing:1px}.deck{gap:8px}.selectedcards{gap:9px}.selectedcards .tarot,.selectedcards .slot{width:calc((100vw - 66px)/3);height:190px}.selectedcards .tarot{padding:5px}.selectedcards .border{padding:10px 2px}.selectedcards svg{height:110px}.selectedcards .title{font-size:7px;letter-spacing:1px}.persona{grid-template-columns:1fr;gap:25px;text-align:center}.persona .tarot{margin:auto}.tags{justify-content:center}.paywall{padding:25px 18px}.actions .primary,.actions .secondary{flex:1;white-space:nowrap;padding:16px}.steps{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{body{background:white;color:#222}header,footer,.actions,.back,.paywall{display:none}.flow{margin:0;max-width:none}.report p,.hint{color:#333}.report{break-inside:avoid}.tarot{background:#20332c;print-color-adjust:exact}.eyebrow,.label{color:#65512e}}
@media(max-width:360px){.hero h1{font-size:29px;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:2px}.art{transform:scale(.72);margin-top:-20px;margin-bottom:-20px}.brand{letter-spacing:3px}nav{gap:12px}}
.paths{grid-template-columns:repeat(3,1fr);gap:38px}.path h2{font-size:22px;letter-spacing:1px}.tradition-symbol{color:var(--gold);font-size:38px;margin:23px 0 18px;height:50px}.path button{top:105px}.tradition-hero{font-size:65px;color:var(--gold);margin-top:20px}.preview-note{border-left:1px solid var(--gold);padding:12px 18px;color:var(--gold);background:#b5a07808;font-size:11px;line-height:1.8}.number-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){nav{gap:20px}.paths{gap:22px}.path h2{font-size:18px}}@media(max-width:600px){header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:20px;padding-bottom:18px;gap:20px}nav{width:100%;justify-content:space-between;gap:10px}.paths{grid-template-columns:1fr}.path h2{font-size:22px}.path button{top:100px}.tradition-symbol{font-size:32px;margin:18px 0 12px}.tradition-hero{font-size:52px}}

footer{flex-wrap:wrap}.company-info{width:100%;font:9px/1.9 Arial,sans-serif;color:var(--muted);letter-spacing:.4px}.company-info a{color:var(--gold)}
select{width:100%;background:#1b2923;border:1px solid var(--line);padding:17px;color:var(--paper);font:13px 'Noto Serif SC',Georgia}select:focus{outline:1px solid var(--gold)}.checkbox{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:12px}.checkbox input{width:16px;height:16px;accent-color:var(--gold)}.form-error{color:#d8b49a;font-size:12px;margin-top:20px}button:disabled{cursor:default;opacity:.6}.hex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;margin:45px 0}.hex-grid h2{margin:18px 0 4px;font-size:24px}.hex-lines{width:110px;margin:auto}.yao{display:flex;height:8px;gap:13px;margin:12px 0;position:relative}.yao span{background:var(--gold);height:100%;flex:1}.yao.moving span{background:var(--paper)}.yao i{position:absolute;right:-18px;top:-7px;font-size:19px;color:var(--paper)}details{font-size:12px;color:var(--muted);line-height:2.1}summary{cursor:pointer;color:var(--gold);padding:15px 0}.method{border-top:1px solid var(--line);padding:10px 0}.method p{white-space:pre-line}.report-outline{text-align:left;max-width:430px;margin:25px auto}.report-outline span{color:var(--gold);font-family:Georgia;margin-right:12px}.sky-wheel{display:block;max-width:380px;width:100%;margin:35px auto;fill:none;stroke:var(--gold);stroke-width:.6}.sky-wheel text{fill:var(--gold);stroke:none;font-size:9px;font-family:Georgia}.sky-wheel .wheel-title{font-size:20px;letter-spacing:3px}.planet-table>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.aspect-list p{display:flex;justify-content:space-between;gap:18px;font-size:12px}.aspect-list span{color:var(--gold);font-size:10px}@media(max-width:600px){.hex-grid{gap:16px}.hex-lines{width:75px}.yao{height:6px;gap:9px;margin:9px 0}.hex-grid h2{font-size:21px}.hex-grid .hint{font-size:9px}.aspect-list p{font-size:10px}}

/* Arcana Orbit: an A monogram within a celestial orbit. */
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{width:53px;height:53px}.brand .brand-type{line-height:1}.brand .brand-type span{padding-left:0;letter-spacing:2.4px;margin-top:9px}.wordmark{display:flex;align-items:center;gap:10px}@media(max-width:600px){.brand{gap:8px}.brand-symbol{width:38px;height:38px}.brand .brand-type span{letter-spacing:1.4px}.brand{font-size:22px}}

.verdict{border:1px solid var(--line);padding:28px 30px;margin:35px 0;background:#b5a07809}.verdict p{color:var(--muted);line-height:2.1}.tendency{display:flex;gap:24px;align-items:center;margin-top:24px;color:var(--gold)}.tendency strong{font:44px Georgia}.tendency small{font-size:11px;font-weight:400}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.report h4{font-size:16px;font-weight:400;color:var(--gold);margin:28px 0 12px}.report blockquote{border-left:1px solid var(--gold);margin:20px 0;padding:15px 22px;color:var(--paper);line-height:2}.aspect-list p{line-height:2}.aspect-list span{float:none;margin-left:12px}.report details p{white-space:normal}@media(max-width:600px){.insight-grid{grid-template-columns:1fr;gap:0}.verdict{padding:22px}.tendency{align-items:flex-start;gap:16px}}
.header-actions{display:flex;align-items:center;gap:24px}#language{width:auto;min-width:112px;padding:8px 24px 8px 10px;color:var(--gold,#b5a078);background:#111b19;border:1px solid #b5a07855;font-size:12px;border-radius:2px}#language:focus-visible{outline:1px solid #b5a078;outline-offset:3px}@media(max-width:760px){header{flex-wrap:wrap;gap:16px}.header-actions{width:100%;justify-content:space-between;gap:8px}.header-actions nav{display:flex;gap:12px;flex-wrap:wrap}.header-actions nav button{font-size:11px}#language{min-width:98px;padding:8px;font-size:11px}.quiz-option.answered{border-color:#b5a078}}