:root{font-family:'Noto Sans Thai',sans-serif;color:#f7f1e6;background:#11111e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 65% 25% at 50% 1%,#37334f 0,transparent 85%),#11111e}button,select,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding:0 30px}header{height:84px;border-bottom:1px solid #ffffff19;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;justify-content:center;font:700 22px 'Noto Sans Thai',sans-serif;letter-spacing:.02em;color:#e9cf98;line-height:1.05}.brand small{display:block;margin-top:3px;font:600 10px 'DM Sans',sans-serif;letter-spacing:.18em;color:#c9b48a}.brand-mark{white-space:nowrap}.brand-mark>span{color:#fff6}nav{display:flex;gap:34px;font-size:13px;color:#d9d3d7}nav a:hover{color:#e7c78f}.header-cta{border:1px solid #b39266;border-radius:30px;padding:10px 21px;color:#e7c78f;font-size:12px}.eyebrow{font:700 12px 'Noto Sans Thai',sans-serif;letter-spacing:.04em;color:#d9b982}.hero{text-align:center;padding:74px 0 86px}.hero-stars{color:#d9b982;font-size:25px;letter-spacing:18px;margin-bottom:21px}.hero h1{font-weight:500;font-size:clamp(44px,6vw,78px);line-height:1.35;letter-spacing:0;margin:20px 0}.hero h1 em{font-style:normal;color:#d9b982}.hero p{max-width:610px;margin:auto;color:#cbc4cf;font-size:16px;line-height:1.95;font-weight:300}.primary-cta{display:inline-block;background:#d8b77c;color:#1e1a22;font-weight:700;border-radius:9px;padding:14px 28px;margin:31px 0 34px;font-size:14px}.primary-cta:hover,#draw-button:hover{background:#f0cd90}.hero-meta{color:#aaa3af;font-size:12px;word-spacing:9px}.hero-meta span{color:#c2a06c}.section{padding:0 0 95px}.section h2{font-weight:500;font-size:34px;line-height:1.35;margin:12px 0 6px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading p,.center p{color:#aea8b2;font-size:14px;line-height:1.8;margin:0}.section-heading span{color:#d9b982;font-size:12px;white-space:nowrap}.filters{display:flex;gap:13px;margin:31px 0 22px}.filters label{display:flex;align-items:center;gap:10px;background:#1d1c2e;border:1px solid #564b4a;border-radius:9px;padding:8px 12px;font-size:12px;color:#aaa3af}.filters select{border:0;background:#1d1c2e;color:#f5eee6;font-size:12px;outline:none}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:#1c1b2b;border:1px solid #554b48;border-radius:15px;padding:26px;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.service-card:hover{transform:translateY(-3px);border-color:#c5a978}.card-icon{height:48px;width:48px;border:1px solid #776449;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e2c68e;font-size:25px}.card-tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 8px}.card-tags span{font-size:10px;color:#c9b18a;border:1px solid #625648;border-radius:20px;padding:4px 9px}.service-card h3{font-size:20px;font-weight:500;margin:4px 0}.service-card p{font-size:13px;line-height:1.85;color:#b9b1bd;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:18px;border-top:1px solid #ffffff24;color:#d7c8b1;font-size:11px}.card-button{border:0;background:none;color:#e5c58e;font-size:13px;padding:5px 0}.center{text-align:center;margin-bottom:27px}.reader{display:grid;grid-template-columns:360px 1fr;gap:20px}.reader-form,.reader-result{border:1px solid #5b504b;border-radius:17px;background:#1d1c2d;padding:28px}.reader-form h3{font-size:24px;font-weight:500;margin:16px 0 4px}.reader-form>p{font-size:13px;color:#b4acb6;line-height:1.75;margin:0 0 21px}.field{display:block;margin-top:17px;color:#e6d5b8;font-size:12px}.field input,.field textarea,.field select{display:block;width:100%;margin-top:7px;border:1px solid #615968;border-radius:9px;background:#151522;color:#f9f4ef;padding:11px 12px;outline:none;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ddbd88}.field textarea{resize:vertical;min-height:90px}.field small{display:block;color:#aca4b0;font-size:11px;line-height:1.6;margin-top:6px}#draw-button{width:100%;border:0;background:#d8b77c;color:#1e1a22;border-radius:9px;padding:13px;font-weight:700;font-size:14px;margin-top:25px}#draw-button:disabled{opacity:.48;cursor:not-allowed}.reader-form .privacy{font-size:11px;color:#948e99;line-height:1.7;margin:15px 0 0}.reader-result{min-height:510px;background:radial-gradient(circle at 50% 38%,#343045,#201e30 55%,#1b1a2a);display:flex;align-items:center;justify-content:center}.result-empty{text-align:center}.orbit{width:160px;height:220px;border:1px solid #c4a574;border-radius:13px;background:repeating-linear-gradient(45deg,#25243c,#25243c 7px,#2b2943 8px,#2b2943 9px);padding:9px;margin:auto;box-shadow:11px 14px 0 #131321,0 26px 40px #0006;display:flex;align-items:center;justify-content:center;color:#d9b982;font-size:65px}.result-empty h3{font-size:20px;font-weight:500;margin:35px 0 5px}.result-empty p{color:#aea8b2;font-size:13px}.reading-output{width:100%;align-self:stretch}.result-head{text-align:center;padding:10px 0 20px}.result-icon{font-size:42px;color:#e4c587;margin-bottom:7px}.reading-output h3{font-size:25px;font-weight:500;margin:9px 0}.result-sub{font-size:12px;color:#bdb6bf}.reading-output article{border-top:1px solid #ffffff27;padding:16px 0}.reading-output article h4{color:#e7c790;font-size:15px;font-weight:500;margin:0 0 5px}.reading-output article p{font-size:13px;color:#d2cbd4;line-height:1.85;margin:0}.detail{font-size:12px;color:#b9b1bc;line-height:1.8}.notice{font-size:11px;color:#aaa2ad;line-height:1.7}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.result-actions button{border:1px solid #b99b6e;background:#272537;border-radius:30px;color:#ecd2a4;padding:8px 16px;font-size:12px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:27px}.about-grid article{background:#1c1b2b;border:1px solid #504746;border-radius:14px;padding:25px}.about-grid article span{color:#d7b97f;font:700 12px 'DM Sans',sans-serif}.about-grid h3{font-size:17px;font-weight:500;margin:15px 0 7px}.about-grid p{font-size:13px;line-height:1.85;color:#b3adb6;margin:0}.research-link{display:inline-block;margin-top:25px;font-size:13px;color:#e3c28a}footer{border-top:1px solid #ffffff1d;padding:27px 0;color:#9b94a0;font-size:11px;display:flex;justify-content:space-between;gap:15px}footer strong{font:700 15px 'Noto Sans Thai',sans-serif;letter-spacing:.04em;color:#d9b982}@media(max-width:850px){.reader{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}nav{display:none}}@media(max-width:550px){.shell{padding:0 17px}header{height:67px}.brand{font-size:17px}.header-cta{font-size:11px;padding:8px 12px}.hero{padding:62px 0 70px}.hero p{font-size:14px}.hero-meta{font-size:10px}.section h2{font-size:27px}.section-heading{align-items:start}.filters{display:grid}.filters select{flex:1}.service-grid{grid-template-columns:1fr}.reader-form,.reader-result{padding:20px}.reader-result{min-height:390px}footer{display:block;line-height:2}}
.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#11111e50 0%,#11111e22 48%,#11111e 100%),url('assets/card-back.webp') center 42%/min(420px,48vw) auto no-repeat;opacity:.32;pointer-events:none}.hero:after{content:"";display:block;max-width:950px;height:100px;margin:34px auto 0;background:linear-gradient(180deg,transparent,#11111e50),url('assets/culture-sheet.webp') center 50%/500% auto no-repeat;border:1px solid #d6b77950;border-radius:13px;opacity:.72;box-shadow:0 18px 55px #0006}.service-card{padding:17px;overflow:hidden}.culture-art{height:155px;border:1px solid #92784c;border-radius:10px;background-image:linear-gradient(180deg,transparent 65%,#10101b8c),url('assets/culture-sheet.webp');background-size:auto,500% auto;background-repeat:no-repeat;background-position:center,0 center;box-shadow:inset 0 0 30px #08081170}.drawn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:5px 0 18px}.drawn-card{margin:0;padding:7px;background:#161522;border:1px solid #b89a6b;border-radius:10px;text-align:center;box-shadow:0 8px 18px #0005}.tarot-art{width:100%;aspect-ratio:1;border-radius:6px;background-repeat:no-repeat}.drawn-card figcaption{font-size:11px;line-height:1.5;color:#ebd5ae;margin:7px 0 2px}.drawn-card small{font-size:10px;color:#aaa2ad}
.result-empty .orbit{background:linear-gradient(#15152566,#15152566),url('assets/card-back.webp') center/cover no-repeat;color:transparent;transform:rotate(-4deg);box-shadow:13px 17px 0 #12121e,0 28px 48px #0008}.drawn-card{transition:transform .2s ease,box-shadow .2s ease}.drawn-card:hover{transform:translateY(-5px);box-shadow:0 15px 28px #0008}.drawn-card .tarot-art{border:1px solid #b89a6b}@media(max-width:550px){.hero:after{height:76px;margin-top:24px}.culture-art{height:185px}.drawn-cards{gap:6px}.drawn-card{padding:4px}}
.service-card{animation:card-rise .65s both}.service-card:nth-child(2){animation-delay:.04s}.service-card:nth-child(3){animation-delay:.08s}.service-card:nth-child(4){animation-delay:.12s}.service-card:nth-child(5){animation-delay:.16s}.service-card:nth-child(6){animation-delay:.2s}@keyframes card-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reading-output{animation:reading-in .55s ease-out both}@keyframes reading-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.drawn-card{perspective:700px;animation:flip-card .75s cubic-bezier(.2,.75,.2,1) both}.drawn-card:nth-child(2){animation-delay:.13s}.drawn-card:nth-child(3){animation-delay:.26s}@keyframes flip-card{0%{opacity:0;transform:rotateY(88deg) translateY(7px)}100%{opacity:1;transform:rotateY(0) translateY(0)}}.result-culture-art{height:175px;max-width:420px;margin:0 auto 20px}.service-card:hover .culture-art{filter:brightness(1.14);transform:scale(1.015);transition:filter .25s,transform .25s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.pricing-section{position:relative}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.price-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(155deg,#28243a,#1a1928 72%);border:1px solid #554b48;border-radius:16px;padding:25px;min-height:350px;overflow:hidden}.price-card.popular{border-color:#d9b982;box-shadow:0 0 35px #d9b98217}.popular-badge{position:absolute;top:0;right:0;background:#d9b982;color:#171522;border-radius:0 0 0 12px;padding:7px 14px;font-size:11px;font-weight:700}.price-label{color:#c9b18a;font-size:11px}.price-card h3{font-weight:500;font-size:21px;margin:8px 0 12px}.price{display:flex;align-items:baseline;gap:9px}.price strong{font:700 37px 'DM Sans',sans-serif;color:#f1d69e}.price span{font-size:11px;color:#aaa3af}.credit-amount{margin:13px 0 0;color:#fff0cf;font-size:23px;font-weight:700}.credit-amount span{font-weight:400;font-size:13px}.price-card p{color:#b9b1bd;font-size:12px;line-height:1.8;flex:1}.unit-price{font-size:11px;color:#d9b982;border-top:1px solid #ffffff20;padding:13px 0}.topup-button{width:100%;background:#302d3d;border:1px solid #897756;color:#e7d5b5;border-radius:9px;padding:11px 8px;font-size:13px;line-height:1.45}.topup-button:hover{background:#3a3546}.credit-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.credit-rules article{display:flex;gap:11px;align-items:baseline;padding:15px;background:#1b1a29;border:1px solid #ffffff20;border-radius:10px}.credit-rules b{font-size:12px;color:#e6c98e;white-space:nowrap}.credit-rules span{font-size:11px;line-height:1.7;color:#b9b1bd}.payment-status{border:1px solid #79633d;border-radius:10px;padding:15px 17px;color:#e8d3a8;background:#2a251c;font-size:12px;line-height:1.8}.pricing-note{max-width:760px;text-align:center;margin:13px auto;color:#958e9b;font-size:11px;line-height:1.75}@media(max-width:800px){.price-grid{grid-template-columns:1fr}.price-card{min-height:0}.credit-rules{grid-template-columns:1fr}.credit-rules article{align-items:flex-start}}@media(max-width:550px){.pricing-section{padding-bottom:70px}.price-card{padding:21px}}
/* Interactive three-card tarot draw */
.tarot-selection{width:100%;align-self:stretch;text-align:center;padding:8px 2px}.selection-title{font-size:25px;font-weight:500;margin:8px 0}.selection-copy,.selection-question{font-size:13px;line-height:1.8;color:#c9c1cd;max-width:620px;margin:0 auto 10px}.selection-question{color:#e6cd9c}.selection-status{color:#e8ca8e;font-size:13px;margin:16px 0 8px}.reshuffle-button{border:1px solid #9c8258;background:#262437;color:#f1d39a;border-radius:22px;padding:7px 15px;font-size:12px;margin-bottom:15px;transition:box-shadow .2s,transform .2s}.reshuffle-button:hover{transform:translateY(-2px);box-shadow:0 0 18px #d9b98255}.tarot-choice-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:670px;margin:0 auto}.tarot-choice{position:relative;display:block;width:100%;aspect-ratio:2/3;padding:0;border:0;border-radius:10px;background:transparent;perspective:900px;animation:shuffle-drift .7s ease-out both}.tarot-choice:nth-child(3n){animation-delay:.07s}.tarot-choice:nth-child(4n){animation-delay:.12s}.tarot-choice:hover:not(:disabled){transform:translateY(-7px) rotate(-2deg);filter:drop-shadow(0 8px 12px #d6b77970)}.choice-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.25,1)}.tarot-choice.is-revealed .choice-inner{transform:rotateY(180deg)}.choice-side{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:1px solid #d9b982;border-radius:10px;overflow:hidden;backface-visibility:hidden;box-shadow:0 7px 17px #0007}.choice-back{background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#12111d}.choice-back:after{content:'✦';color:#f3d793;font-size:25px;text-shadow:0 0 18px #e9c675;animation:star-glow 2.2s ease-in-out infinite}.choice-front{flex-direction:column;gap:5px;background:linear-gradient(155deg,#302b3e,#171624);transform:rotateY(180deg);padding:5px}.choice-art{display:block;width:100%;aspect-ratio:1;border-radius:6px;background-repeat:no-repeat;border:1px solid #b89a6b}.choice-name{font-size:10px;color:#f3d9a7;line-height:1.35}.choice-position{position:absolute;top:4px;left:4px;padding:3px 6px;border-radius:12px;background:#161522ed;color:#f4d58e;font-size:9px}.tarot-choice:disabled{cursor:default}.tarot-choice.choice-muted{opacity:.36;filter:grayscale(.7)}.tarot-spread-block{text-align:center;margin:8px 0 12px}.spread-title{font-size:19px;color:#f1d497;margin:0 0 4px}.spread-caption{margin:0;color:#b8a986;font-size:12px}.drawn-cards{align-items:start}.drawn-card{width:100%;padding:10px 10px 12px;border-radius:14px;background:linear-gradient(155deg,#302c3c,#171624 72%);box-shadow:0 10px 24px #0007;animation:reveal-card .85s cubic-bezier(.15,.7,.2,1) both}.drawn-card:nth-child(2){animation-delay:.16s}.drawn-card:nth-child(3){animation-delay:.32s}.drawn-card .tarot-art{aspect-ratio:1/1;width:100%;background-repeat:no-repeat;background-color:#11111e;background-size:cover;border:1px solid #c9a96d;border-radius:8px;box-shadow:inset 0 0 0 3px #141320,0 0 24px #d7b46c24}.drawn-position{display:inline-block;margin:7px 0 3px;padding:3px 10px;border:1px solid #806c4c;border-radius:20px;color:#f3d595;font-size:11px}.drawn-card figcaption{font-size:15px;font-weight:600;color:#fff0ce;margin:2px 0 1px}.drawn-name-en{font-size:10px;color:#b9b1bd}.reading-story{animation:story-rise .65s both}.reading-story:nth-of-type(2){animation-delay:.08s}.reading-story:nth-of-type(3){animation-delay:.16s}.reading-story p{white-space:pre-line;line-height:2!important}.reading-output .notice{border-top:1px solid #ffffff20;padding-top:14px}.reading-output .result-head{position:relative}.reading-output .result-head:after{content:'✦  ✧  ✦';display:block;margin:10px auto 0;color:#d9b982;letter-spacing:12px;animation:star-glow 2.7s ease-in-out infinite}
@keyframes shuffle-drift{0%{opacity:0;transform:translateY(15px) rotate(-5deg)}60%{opacity:1;transform:translateY(-2px) rotate(2deg)}100%{transform:translateY(0) rotate(0)}}@keyframes reveal-card{0%{opacity:0;transform:rotateY(90deg) translateY(12px);filter:brightness(1.8)}100%{opacity:1;transform:rotateY(0) translateY(0);filter:brightness(1)}}@keyframes story-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes star-glow{0%,100%{opacity:.6;filter:drop-shadow(0 0 1px #efcf7a)}50%{opacity:1;filter:drop-shadow(0 0 8px #efcf7a)}}
@media(max-width:700px){.tarot-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.drawn-cards{grid-template-columns:1fr;gap:14px}.drawn-card{max-width:270px;margin:0 auto;padding:12px}.drawn-card .tarot-art{aspect-ratio:1/1}.spread-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.tarot-choice,.drawn-card,.reading-story,.reading-output .result-head:after,.choice-back:after{animation:none!important}.choice-inner{transition:none!important}}