/* The Midnight Collection — a navy, violet and gold expression of Cosmic Shastra. */
:root {
  --ink:#05091e; --ink-soft:#0c1232; --cream:#faf7ef; --paper:#efeadf;
  --lavender:#f2ce83; --purple:#8d6aff; --gold:#e8bd66;
  --text:#f6f3ff; --muted:#adb5d1; --line:rgba(228,190,111,.19);
  --display:'Barlow Condensed','Arial Narrow',sans-serif;
}
body {background:var(--ink);font-size:15px}
::selection {background:#dfb963;color:#070b24}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible {outline-color:#f4ce80}
h1,h2 {font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.005em;line-height:1.03}
h2 {font-size:clamp(52px,5.1vw,74px)}
h1 em,h2 em {font-family:var(--serif);font-weight:500;text-transform:none;letter-spacing:-.025em;color:#f3ce80}
.eyebrow {font-size:10px!important;letter-spacing:.18em;color:#d1bb90!important;font-weight:600}
.tiny-star {color:#f0c96e}
.button {border-radius:4px;min-height:55px;font-size:12px;letter-spacing:.015em;padding-inline:25px}
.button-lavender,.closing .button-dark {background:linear-gradient(115deg,#ffe6a7,#e7b75d 75%,#d8a64f);color:#17162a;border:1px solid #ffe4a49c;box-shadow:0 4px 24px #d9a95016}
.button-lavender:hover,.closing .button-dark:hover {background:linear-gradient(115deg,#fff0c9,#f4ce80);box-shadow:0 8px 35px #ecc46b38}
.button-outline {border-color:#dec38566;background:#d4b46b05;color:#f6e3b9}
.button-outline:hover {border-color:#efd192;background:#e7bd6610}
.text-button {font-size:12px;color:#f0effc;gap:12px}
.play-icon {border-color:#a894ec88;background:#7e48d428;color:#dfd1ff;width:35px;height:35px}
.reading-progress {background:linear-gradient(90deg,#6259fa,#c58bfb,#f7d68c)}

/* A confident masthead with warm metallic details. */
.site-header {height:100px;border-bottom:1px solid #d7c0851b;background:linear-gradient(#05091e88,transparent)}
.site-header.scrolled {background:#060b24f0;border-bottom-color:#d7bc6836;height:80px}
.brand-type {font-size:28px;font-weight:500;color:#f7dfac}
.brand-type>span {font-size:7px;color:#b8b4d0;letter-spacing:.25em}
.brand-emblem img {filter:invert(1) grayscale(1) sepia(.8) saturate(1.7) brightness(1.8)}
.desktop-nav {gap:36px;margin-left:15px}
.desktop-nav a {font-size:12px;color:#bfc6e0;letter-spacing:.03em}
.desktop-nav a:hover,.desktop-nav a.active {color:#f6d78e}
.nav-cta {font-size:11px;min-height:43px;gap:22px}
.mobile-menu {background:#0b1030;border-color:#ddb25d33}
.menu-toggle span {background:#f6d88e}

/* Deep space, a gilded astrolabe, and a luminous horizon. */
.hero {min-height:850px;height:min(960px,100svh);background:#05091e;isolation:isolate;overflow:clip}
.hero-nebula {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.74;z-index:-3}
.hero::before {content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#05091ef2 0%,#05091ec9 29%,#05091e26 65%,#05091e00),linear-gradient(0deg,#05091e 0%,transparent 26%,#05091e44)}
.hero::after {opacity:.045;z-index:-1}
#starfield {z-index:-1;opacity:.85}
.hero-haze {left:auto;right:-12%;top:8%;width:900px;height:800px;background:radial-gradient(ellipse,#4934d126,transparent 66%);filter:blur(30px);z-index:-1}
.hero-horizon {position:absolute;width:122%;height:330px;left:28%;bottom:-292px;border-radius:50%;border-top:2px solid #cfbff5;transform:rotate(-9deg);box-shadow:0 -4px 22px #c28dff99,0 -14px 70px #5243eb88;pointer-events:none;z-index:-1}
.hero-layout {grid-template-columns:1.03fr .97fr;padding-top:123px;padding-bottom:100px;gap:0}
.hero-copy {padding-bottom:4px}
.hero-copy .eyebrow {font-size:10px!important;letter-spacing:.18em;margin-bottom:27px;color:#e7c77f!important}
.hero h1 {font-size:clamp(76px,6.7vw,103px);line-height:1.01;letter-spacing:.005em;margin-left:0;white-space:nowrap;font-weight:600;text-shadow:0 4px 40px #02051666}
.hero h1 em {display:block;font-size:.83em;line-height:1.04;margin-top:12px;letter-spacing:-.035em;background:linear-gradient(105deg,#fff0be,#eec578 65%,#ce9443);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.hero-description {font-size:14px;line-height:1.95;color:#bfc7e3;max-width:450px;margin-top:26px}
.hero-actions {margin-top:30px;gap:25px}
.hero-actions .button {font-size:12px;padding-inline:25px;gap:25px;min-height:55px}
.hero-note {font-size:8px;color:#abb2ce;letter-spacing:.14em;margin-top:34px}
.note-line {background:#e6bf71;width:28px}
.cosmic-scene {width:clamp(510px,46.5vw,690px);left:0;margin-top:-10px}
.celestial-glow {inset:13%;width:74%;height:74%;background:radial-gradient(circle,#7852f755 0%,#413ee828 40%,transparent 69%);filter:blur(28px)}
.zodiac-wheel {filter:drop-shadow(0 0 13px #f0bd5538)}
.wheel-outer {stroke-width:1.25px}
#zodiac-symbols {fill:#f2cf89}
.scene-orbit {border-color:#b7acfb2a}
.orbit-label {background:linear-gradient(120deg,#15173ae8,#10152bc9);border-color:#eccf854a;border-radius:7px;padding:15px 19px;box-shadow:0 12px 40px #02041555}
.orbit-label>div {font-size:7px;color:#d4b575;letter-spacing:.13em}
.orbit-label>div span {font-size:11px;color:#eff0fb;margin-top:4px}
.orbit-label-top {right:-4px;top:15%}
.orbit-label-bottom {left:7px;bottom:13%}
.sparkle-icon,.orbit-label-symbol {color:#f5cf83}
.scene-caption {font-size:7px;color:#c5bade;letter-spacing:.28em;bottom:-6px}
.hero-bottom {bottom:34px;font-size:8px;color:#b5b9d3;letter-spacing:.12em}
.hero-index {color:#d1bd97}
.scroll-line {background:#8e81c0}
.values-strip {background:linear-gradient(90deg,#0a102b,#161139,#0a102b);border-color:#ddbc6933}
.values-inner {min-height:84px}
.values-inner>span {font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.08em;color:#d6d9ea;text-transform:uppercase}
.values-inner i {color:#dbb65e;font-size:14px}

/* The four experiences: individual jewel tones, one visual language. */
.experience {background:radial-gradient(ellipse at 12% 75%,#1a22672b,transparent 50%),#080d26;color:var(--text);padding:110px 0 80px}
.experience .section-heading {gap:50px;margin-bottom:48px}
.experience h2 em {color:#efd194}
.section-intro {font-size:14px;line-height:1.95;color:#adb7d5;max-width:350px}
.experience-grid {gap:24px}
.experience-card {border:1px solid #cdb37240;border-radius:12px;padding:26px 32px 0;box-shadow:inset 0 1px 0 #f4deab08;transition:transform .5s var(--ease),border-color .4s,box-shadow .4s;color:#efcd83}
.experience-card:hover {border-color:#ebc77c96;box-shadow:0 20px 60px #0005,inset 0 1px 0 #edcb8660;transform:translateY(-6px)}
.experience-card::before {opacity:.035}
.experience-card::after {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,#ce9bff16,transparent 58%)}
.card-kundli {background:radial-gradient(ellipse at 50% 20%,#37328299,transparent 65%),linear-gradient(130deg,#101c4a,#13112e)}
.card-horoscope {background:radial-gradient(ellipse at 50% 22%,#77513059,transparent 64%),linear-gradient(145deg,#241c40,#11162f)}
.card-palm {background:radial-gradient(ellipse at 50% 20%,#1e5b795e,transparent 64%),linear-gradient(135deg,#0d2a40,#11162f)}
.card-tarot {background:radial-gradient(ellipse at 50% 20%,#6638a275,transparent 64%),linear-gradient(135deg,#2e1956,#12142e)}
.card-topline {font-size:9px;letter-spacing:.15em;color:#cebc92}
.circle-arrow {width:33px;height:33px;opacity:.85;border-color:#dab87766;color:#f5d38e}
.card-kicker {font-size:8px;color:#ae9ccc;letter-spacing:.17em;margin-bottom:9px}
.card-copy>strong,.card-horoscope .card-copy>strong,.card-palm .card-copy>strong,.card-tarot .card-copy>strong {font-family:var(--display);font-weight:500;font-size:36px;letter-spacing:.015em;line-height:1.13;color:#fff3d9}
.card-copy>span:last-child,.card-tarot .card-copy>span:last-child {font-size:13px;line-height:1.85;color:#bfc5dd;opacity:1;max-width:450px;margin-top:12px}
.card-bottom,.card-horoscope .card-bottom,.card-palm .card-bottom,.card-tarot .card-bottom {border-color:#ddbb672b;font-size:9px;letter-spacing:.12em;color:#e7c67f;padding-block:18px}
.kundli-art,.sun-art,.palm-art {color:#e8c878;filter:drop-shadow(0 0 12px #d9aa6233);opacity:1}
.kundli-art {margin-block:16px 11px}.sun-art,.palm-art {margin-block:16px 11px}
.tarot-art {margin-block:16px 11px;color:#f3ce7d}
.tarot-back {background:#271b58;border-color:#b99558}
.tarot-front {background:linear-gradient(145deg,#402b7c,#151333);border-color:#e2bb6a;box-shadow:0 12px 40px #03041566}
.experience-footnote {color:#a1abc9;font-size:11px;margin-top:34px}
.experience-footnote>span {color:#ddb766}

/* A gilded product object, grounded in the same midnight palette. */
.universe {background:radial-gradient(ellipse at 76% 50%,#2c196549,transparent 45%),#060a21;padding:116px 0 110px}
.universe h2 {font-size:clamp(54px,5.2vw,76px)}
.section-description {color:#b6bed9;font-size:14px;max-width:405px;line-height:1.95}
.preview-tabs {margin-top:30px}
.preview-tabs [role=tab] {border-bottom-color:#aa96d124;color:#c1a6fb;padding-block:18px;border-radius:6px}
.preview-tabs [role=tab][aria-selected=true] {background:linear-gradient(90deg,#5d36a950,#44308408);border-color:#c39a5f52;color:#f1d18e}
.preview-tabs [role=tab][aria-selected=true]::before {background:#f5cb79}
.preview-tabs button strong {color:#c5cbe0;font-size:15px;font-weight:600}
.preview-tabs button[aria-selected=true] strong {color:#fbe8bd}
.preview-tabs button strong+span {font-size:12px;color:#a6afcc;line-height:1.65}
.device-stage::before {background:radial-gradient(ellipse,#5934ba55,#1428a126 42%,transparent 69%);width:700px;height:700px}
.device-orbit {border-color:#e1bd6529;transform:translate(-50%,-50%) rotate(-22deg) scaleY(.87)}
.device-orbit::before {border-color:#a08ff128}.device-orbit::after {border-color:#b49bdb20}
.device {background:radial-gradient(ellipse at 70% 20%,#2c1c62,#0b102e 60%);border-color:#a88c53;box-shadow:inset 0 0 0 1px #ffe2a28c,0 0 0 1px #efcd8b,0 35px 80px #0009,11px 8px 0 0 #080c22;transform:rotate(4deg)}
.device-camera {background:#050719}.device-brand {color:#f7d994;font-weight:500}
.horoscope-preview {background:radial-gradient(ellipse at top,#46238188,#141332);border-color:#e2bc6755}
.phone-greeting,.phone-eyebrow {color:#b7a5d9}.phone-panel h3 {color:#fff0d2}
.phone-zodiac {color:#f5cd77;filter:drop-shadow(0 0 12px #a16cf0)}
.phone-tags>span {border-color:#c09be650;color:#c6badf}
.phone-mini-card {background:#40316c35;border-color:#a29add38}
.phone-mini-card>div {color:#e6d8ff}.phone-mini-card strong {color:#b4a4ca}
.phone-chart svg {filter:sepia(.35) saturate(1.4)}
.device-caption {font-size:8px;color:#a9b2d0;letter-spacing:.14em}.status-dot {background:#edc67d;box-shadow:0 0 8px #e5c885}
.device-star {color:#f0c56e}.device-bottom {border-color:#e6c67d35}
.device-bottom>span:first-child {color:#edc77e}
.sound-button {background:linear-gradient(110deg,#5e35a9,#392771);border-color:#a590d2;color:#fff0d7}
.sound-note,.phone-small-note {color:#b1a5c8}.sound-button:hover {background:#673fac}
.zodiac-select-wrap option {background:#171438}

/* An atmospheric pause, with the client's original meditation artwork. */
.sanctuary {background:#080e2a;border-block:1px solid #ddba6738;min-height:655px}
.sanctuary-image img {opacity:.85;filter:saturate(1.22) contrast(1.04)}
.sanctuary-shade {background:linear-gradient(90deg,#080e2a 4%,#080e2af0 24%,#0d1433a6 45%,#11163405 76%),linear-gradient(0deg,#080e2a,transparent 45%,#080e2a22)}
.sanctuary h2 {font-size:clamp(58px,5.5vw,82px);line-height:1.02}
.sanctuary h2 em {color:#f3d492}
.sanctuary p:not(.eyebrow) {font-size:14px;color:#c5c6dd;max-width:365px}
.sanctuary-signature {font-size:26px;color:#f0c879}

/* One warm editorial section gives the night sky room to breathe. */
.philosophy {background:#f6f2e9;color:#171b35;padding:105px 0}
.philosophy h2 em {color:#74503d}
.philosophy .eyebrow {color:#756345!important}
.philosophy-heading>p:not(.eyebrow) {color:#656579;font-size:14px;max-width:340px}
.philosophy-seal {font-size:8px;color:#756c73}.philosophy-seal i {color:#a57f3f}
.principle {border-color:#d9d1c2;padding-block:27px;grid-template-columns:25px 1fr 26px}
.principle h3 {font-family:var(--display);font-weight:500;font-size:33px;letter-spacing:.01em;color:#20223a}
.principle p {font-size:13px;color:#666577;line-height:1.85;max-width:390px}
.principle-index {font-size:10px;color:#9a7b43}.principle>span:last-child {color:#9c7a39}

/* Investor story — clear hierarchy, gold details, no inflated metrics. */
.vision {background:radial-gradient(ellipse at 48% 32%,#21195170,transparent 52%),#070b23;padding-block:110px 95px}
.vision h2 {font-size:clamp(58px,5.6vw,82px)}
.vision-heading>p:not(.eyebrow) {font-size:14px;color:#b9c0d9;max-width:610px;margin:25px auto 0}
.vision-graphic {height:385px;margin:20px auto 14px}
.vision-graphic::before {background:radial-gradient(ellipse,#3c49df55,#712b9733,transparent 68%);width:550px;height:420px}
.world-orb {width:300px}.world-orb svg {filter:hue-rotate(20deg) saturate(1.55) drop-shadow(0 0 30px #5731aa44)}
.world-orb>span {font-size:7px;color:#a8b5dc}
.vision-orbit {border-color:#d7b46540}.vo-two {border-color:#8073cb40}.vo-three {border-color:#a593ce28}
.vision-satellite {background:linear-gradient(110deg,#111d41,#211744);border-color:#e5bf6b55;color:#dddff1;font-size:10px;padding:10px 18px}
.vision-satellite i {color:#f0cd80}
.business-grid {border-color:#ddbd7440}
.business-item>span {font-size:9px;color:#d2af65;letter-spacing:.16em}
.business-item h3 {font-family:var(--display);font-size:32px;font-weight:500;letter-spacing:.01em;color:#f7dfad}
.business-item p {font-size:13px;color:#aeb9d7;line-height:1.9}
.horizon {border-color:#ddbd7430;gap:25px}.horizon .eyebrow {font-size:9px!important}
.horizon p {color:#c9c0df;font-size:22px}.horizon-note {color:#a3a7c2;font-size:9px}
.investor-banner {background:radial-gradient(ellipse at 85% 50%,#5c3da14d,transparent 70%),linear-gradient(115deg,#151c42,#221438);border-color:#e3bd6b65;border-radius:10px;padding:37px 40px;position:relative;overflow:hidden}
.investor-banner::before {content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(transparent,#f3cd83,transparent)}
.investor-banner h3 {font-family:var(--display);font-size:41px;font-weight:500;letter-spacing:.01em;color:#fff0cf}
.investor-banner .eyebrow {font-size:9px!important}.investor-banner p {color:#b9c0dc;font-size:13px}
.investor-banner .button {font-size:12px}

/* A composed ending, with a clear next step. */
.questions {background:#0b1029;color:#f5f0e9;border-top:1px solid #d5bb7426;padding-block:105px}
.questions h2 {font-size:61px}.questions h2 em {color:#ebca83}
.questions h2+p {font-size:14px;color:#aeb6d1}
.faq-list details,.faq-list details:first-child {border-color:#bea66e3d}
.faq-list summary {font-size:14px;color:#eceaf6;padding-block:24px}
.faq-list summary>span {color:#e6be6a}
.faq-list details p {font-size:13px;line-height:1.9;color:#aeb9d5}
.faq-list details a {color:#f0cd89}
.closing {background:radial-gradient(ellipse at 50% 62%,#422b8b9e,#151338 55%,#080d26 100%);color:#fcf4e0;padding:84px 0 78px;border-top:1px solid #d6b2674d}
.closing::before {background:url('assets/cosmic-nebula.png') center 38% / cover;opacity:.14;mix-blend-mode:screen}
.closing-orbit {border-color:#ddbd6e22}.closing-orbit::before,.closing-orbit::after {border-color:#ddbd6e1c}
.closing-star {color:#efc97f;filter:drop-shadow(0 0 20px #efc97f55)}
.closing h2 {font-size:clamp(58px,5.8vw,84px);line-height:1.05}
.closing h2 em {color:#f1d190}
.closing h2+p {font-size:13px;color:#c0bdd8;max-width:500px;margin-inline:auto}
.closing .eyebrow {font-size:9px!important}.closing-note {font-size:8px;color:#b4a9cc;letter-spacing:.14em}
.site-footer {background:#04081c;border-top:1px solid #ddbd6e27;padding-top:45px}
.footer-top>p {color:#aaaeca}.footer-email {color:#f5d995}
.footer-email small {color:#a9b2d1;font-size:11px}
.footer-bottom {font-size:10px;color:#929dbc}.footer-bottom>a {font-size:8px;color:#d8b871}
.footer-disclaimer {font-size:9px;color:#949bb5}
dialog {background:radial-gradient(ellipse at 70% 0,#352469,#0d1433 70%);border-color:#dfbd6e7a;border-radius:12px;color:#f4f0e7}
dialog::backdrop {background:#020516c7}
dialog h2,.contact-dialog h2 {font-size:49px;font-family:var(--display);line-height:1.06}
.dialog-close {color:#f1d18a;border-color:#e4bf6845}
.reading-dialog-art,.contact-star {color:#f0ca7a}
.dialog-description,.contact-dialog>p:not(.eyebrow):not(.copy-status) {font-size:13px;color:#c0c5dd}
.reading-highlights span {background:#603aa32e;border-color:#c0a0e548;color:#e1d3f7;font-size:9px}
.reading-sample {border-color:#e6bc65;background:#8a68cf0c}.reading-sample>span {color:#c9b889;font-size:8px}
.reading-sample>p {color:#f6e5bf}.dialog-note {color:#a4aac5;font-size:10px}
.contact-email {color:#f3d694;border-color:#d8bc7445;font-size:15px}
.contact-deck {color:#c6badc;font-size:10px}.contact-actions .button {font-size:11px}

/* Match typography and spacing to real content at every width. */
@media(min-width:1600px){.hero h1{font-size:104px}.hero-description{font-size:15px}.hero-layout{grid-template-columns:1.03fr .97fr}.cosmic-scene{width:680px;left:-10px}}
@media(max-width:1199px){.hero{min-height:800px}.hero h1{font-size:clamp(65px,6.9vw,83px)}.hero-layout{grid-template-columns:1.05fr .95fr}.cosmic-scene{width:510px;left:-10px}.hero-description{font-size:13px;max-width:390px}.hero-copy .eyebrow{font-size:8px!important}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding-inline:20px;gap:20px}.hero-note{font-size:7px}.orbit-label-top{right:7px}.desktop-nav{gap:24px}.card-copy>strong{font-size:32px}.questions h2{font-size:53px}.investor-banner .button{font-size:10px}.business-item h3{font-size:29px}}
@media(min-width:761px) and (max-width:960px){.hero{min-height:750px}.hero h1{font-size:64px}.cosmic-scene{width:450px;left:-20px}.hero-copy .eyebrow{font-size:7px!important}.hero-description{font-size:13px;max-width:350px}.hero-actions{gap:15px}.hero-actions .button,.text-button{font-size:10px}.desktop-nav a{font-size:10px}.nav-cta{font-size:10px}.brand-type{font-size:25px}.hero-note{font-size:6px}.section-intro{font-size:13px;max-width:260px}.experience-card{padding-inline:23px}.card-copy>strong{font-size:30px}.card-copy>span:last-child{font-size:12px}.universe h2{font-size:55px}.section-description{font-size:13px}.preview-tabs button strong{font-size:14px}.preview-tabs button strong+span{font-size:11px}.philosophy-layout{gap:45px}.principle p{font-size:12px}.business-item p{font-size:12px}.investor-banner{padding:30px 26px}.investor-banner h3{font-size:33px}.questions h2{font-size:49px}.faq-list summary{font-size:13px}.footer-bottom{font-size:8px}}
@media(max-width:760px){
  .eyebrow{font-size:8px!important;letter-spacing:.14em}
  h2{font-size:52px}.site-header{height:88px}.site-header.scrolled{height:72px}
  .brand-type{font-size:26px}.brand-type>span{font-size:6px}
  .hero{min-height:0;height:auto;padding-top:112px}
  .hero-nebula{object-position:65% center;opacity:.65}
  .hero::before{background:linear-gradient(180deg,#05091eb8 0%,#05091e8a 43%,#05091e15 72%,#05091e 100%),linear-gradient(90deg,#05091e88,transparent)}
  .hero-layout{padding-top:20px;padding-bottom:38px;gap:20px;display:flex}
  .hero h1{font-size:clamp(43px,11.6vw,80px);line-height:1.02;letter-spacing:.005em;white-space:normal}
  .hero h1 em{font-size:.9em;margin-top:9px;white-space:nowrap}
  .hero-copy .eyebrow{font-size:7px!important;letter-spacing:.13em;gap:8px;margin-bottom:25px}
  .hero-description{font-size:13px;max-width:420px;line-height:1.9;margin-top:22px}
  .hero-actions{flex-wrap:wrap;gap:18px 24px;margin-top:25px}
  .hero-actions .button{font-size:11px;min-height:51px;padding-inline:20px;gap:20px}
  .text-button{font-size:11px}.play-icon{width:29px;height:29px}
  .hero-note{font-size:6px;margin-top:28px;line-height:1.8;letter-spacing:.13em}
  .cosmic-scene{width:min(490px,109vw);left:0;margin-top:12px}
  .orbit-label{padding:12px 13px;gap:9px}.orbit-label>div{font-size:6px}.orbit-label>div span{font-size:9px}
  .orbit-label-top{right:16px;top:15%}.orbit-label-bottom{left:18px;bottom:13%}
  .scene-caption{font-size:6px;bottom:-3px}.hero-bottom{font-size:6px;bottom:auto;padding-bottom:27px}.hero-index{font-size:5px}
  .hero-horizon{bottom:-310px;left:-12%;width:180%}
  .values-inner{min-height:0;padding-block:25px;gap:19px 8px}.values-inner>span{font-size:9px;letter-spacing:.07em}.values-inner i{font-size:11px}
  .experience,.universe,.vision,.philosophy,.questions{padding-block:75px 64px}
  .experience .section-heading{margin-bottom:34px}.section-heading h2{font-size:51px}
  .section-intro{font-size:13px;max-width:100%;margin-top:24px}
  .experience-grid{gap:20px}.experience-card{padding:23px 26px 0;border-radius:10px}
  .card-topline{font-size:8px}.card-kicker{font-size:7px}.card-copy>strong{font-size:32px}
  .card-copy>span:last-child{font-size:12px;line-height:1.9}.card-bottom{font-size:8px;padding-block:16px}
  .kundli-art,.sun-art,.palm-art,.tarot-art{margin-block:15px 12px}
  .experience-footnote{font-size:10px;max-width:310px}
  .universe-layout{gap:45px}.universe h2{font-size:56px}.section-description{font-size:13px;max-width:410px}
  .preview-tabs [role=tab]{padding-block:17px}.preview-tabs button strong{font-size:14px}.preview-tabs button strong+span{font-size:11px}
  .device{transform:rotate(2deg)}.device-caption{font-size:7px}
  .sanctuary{min-height:730px}.sanctuary h2{font-size:57px}.sanctuary .eyebrow{font-size:7px!important}
  .sanctuary p:not(.eyebrow){font-size:13px;max-width:290px}.sanctuary-signature{font-size:24px}
  .sanctuary-shade{background:linear-gradient(180deg,#080e2a 3%,#080e2af5 22%,#080e2aa3 41%,transparent 68%,#080e2a 100%),linear-gradient(90deg,#080e2a66,transparent 75%)}
  .sanctuary-content{padding-top:59px}.sanctuary-image{height:72%;top:36%}
  .philosophy-heading>p:not(.eyebrow){font-size:13px}.philosophy-seal{font-size:7px}
  .principle{gap:13px;grid-template-columns:20px 1fr 23px}.principle h3{font-size:31px}.principle p{font-size:12px}
  .vision h2{font-size:53px}.vision-heading>p:not(.eyebrow){font-size:13px}
  .vision-graphic{height:340px}.world-orb{width:240px}.world-orb>span{font-size:5px}
  .vision-satellite{font-size:7px;padding:7px 10px;gap:8px}.vision-satellite i{font-size:15px}
  .business-item h3{font-size:32px}.business-item p{font-size:12px}.business-item>span{font-size:8px}
  .horizon{gap:13px}.horizon p{font-size:25px}.horizon .eyebrow{font-size:8px!important}
  .investor-banner{padding:28px 24px}.investor-banner .eyebrow{font-size:7px!important}.investor-banner h3{font-size:36px}.investor-banner p{font-size:12px}.investor-banner .button{font-size:11px}
  .questions h2{font-size:53px}.questions h2+p{font-size:13px}.faq-list summary{font-size:13px;padding-block:22px}.faq-list details p{font-size:12px}
  .closing{padding-block:64px}.closing h2{font-size:51px}.closing .eyebrow{font-size:7px!important;line-height:1.8}.closing h2+p{font-size:12px;max-width:300px}.closing-note{font-size:6px;line-height:1.9;max-width:300px;margin-inline:auto}
  .footer-email small{font-size:11px}.footer-bottom{font-size:8px}.footer-bottom>a{font-size:6px}.footer-disclaimer{font-size:8px}
  dialog h2,.contact-dialog h2{font-size:42px}.dialog-description{font-size:12px}.contact-dialog .eyebrow{font-size:7px!important}.contact-email{font-size:12px}.contact-actions .button{font-size:10px}.contact-deck{font-size:9px}
}
@media(max-width:365px){
  .hero h1{font-size:clamp(38px,11.6vw,43px)}.hero-copy .eyebrow{font-size:6px!important}.hero-description{font-size:12px}.hero-actions{gap:17px}.hero-actions .button,.text-button{font-size:10px}.hero-note{font-size:5px}
  .cosmic-scene{width:365px}.orbit-label-top{right:25px}.orbit-label-bottom{left:25px}.orbit-label>div{font-size:5px}.orbit-label>div span{font-size:8px}
  .values-inner>span{font-size:8px}.section-heading h2,.questions h2,.vision h2{font-size:46px}.card-copy>strong{font-size:29px}.card-topline{font-size:7px}.card-bottom{font-size:7px}.experience-card{padding-inline:22px}
  .universe h2{font-size:49px}.device{transform:none}.device-caption{font-size:6px}.sanctuary h2{font-size:49px}.closing h2{font-size:46px}.investor-banner .button{font-size:10px}.contact-email{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-haze{filter:none}.cosmic-scene,.device{transform:none!important}}
@media print{.hero-nebula,.hero-horizon{display:none}.hero::before{display:none}.experience,.questions{background:white;color:#222}.experience-card{background:#f2f0e8;color:#54482e}.card-copy>strong,.card-copy>span:last-child,.card-topline,.card-kicker,.card-bottom,.questions h2,.faq-list summary,.faq-list details p{color:#222!important}.hero h1 em{background:none;color:#69542f}.closing h2 em{color:#69542f}}