:root{--gold:#f2cb58;--gold2:#b77b12;--purple:#a72cff;--violet:#5d117f;--ink:#020106;--panel:#08050d;--white:#f8f4fb;--muted:#d5cedb}
*{box-sizing:border-box} html,body{margin:0;background:#010103;color:var(--white);font-family:Arial,Helvetica,sans-serif}
body{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:18px 0}
.site{position:relative;width:min(1402px,100vw);aspect-ratio:1402/1122;background:#020106;overflow:hidden;border:1px solid rgba(219,160,27,.38);margin:0 auto;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.site::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 26%,rgba(124,27,177,.24),transparent 32%),radial-gradient(circle at 16% 90%,rgba(115,19,168,.15),transparent 30%),linear-gradient(180deg,#030107 0%,#020106 100%);pointer-events:none}
.header{position:absolute;left:0;top:0;width:100%;height:7.2%;display:flex;align-items:center;border-bottom:1px solid rgba(214,153,23,.72);z-index:50;background:rgba(2,1,6,.96)}
.brand{position:absolute;left:4.2%;top:14%;height:72%;width:auto;object-fit:contain}
.nav{position:absolute;right:6.0%;top:0;height:100%;display:flex;align-items:center;gap:56px}
.nav a{position:relative;color:#f5eef7;text-decoration:none;font-size:18px;letter-spacing:.02em;padding:26px 4px 22px;text-shadow:0 0 16px rgba(255,255,255,.05)}
.nav a.active{color:#f4d15c}.nav a.active::after{content:"";position:absolute;left:20%;right:20%;bottom:15px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 10px rgba(241,203,88,.7)}
.nav a.active::before{content:"◆";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:10px;color:#d54cff;text-shadow:0 0 9px #a72cff}
.content{position:absolute;left:0;top:7.2%;width:100%;height:92.8%;padding:4.6% 4.1% 3.0%;z-index:5}
.gold-title{font-family:Georgia,'Times New Roman',serif;color:#f5d46d;font-weight:700;letter-spacing:-.02em;text-shadow:0 0 18px rgba(255,194,48,.16)}
.kicker{color:#f2d05e;font-size:20px;letter-spacing:.08em;text-transform:uppercase}
.rule{height:2px;background:linear-gradient(90deg,var(--gold),rgba(242,203,88,.10));position:relative}.rule::after{content:"◆";position:absolute;right:26%;top:-8px;color:#df50ff;font-size:12px;text-shadow:0 0 8px #a72cff}
.panel{background:linear-gradient(180deg,rgba(12,6,18,.93),rgba(4,2,7,.96));border:1px solid rgba(219,156,23,.78);border-radius:18px;box-shadow:0 10px 42px rgba(0,0,0,.32),inset 0 0 50px rgba(111,17,154,.07)}
.gold-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c99521;border-radius:10px;padding:15px 27px;text-decoration:none;color:#f5d45d;background:linear-gradient(180deg,#24102e,#120719);font-family:Georgia,'Times New Roman',serif;font-size:21px;letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,234,154,.05),0 0 20px rgba(156,49,196,.12)}
.gold-button:hover{background:linear-gradient(180deg,#331541,#190a22);box-shadow:0 0 28px rgba(189,55,243,.22)}
.footer{position:absolute;left:2.0%;right:2.0%;bottom:1.2%;height:4.6%;border-top:1px solid rgba(210,151,24,.72);display:flex;align-items:center;justify-content:center;color:#d7cfdb;font-size:15px;letter-spacing:.01em;z-index:20}
.footer::before,.footer::after{content:"✦";position:absolute;color:#c73cff;text-shadow:0 0 13px #8f25c2;font-size:22px}.footer::before{left:3%}.footer::after{right:3%}

/* HOME */
.home-hero{position:absolute;left:4.2%;right:4.2%;top:3.7%;height:50.2%}
.home-copy{position:absolute;left:0;top:4%;width:49%;z-index:4}.home-copy h1{font-size:70px;line-height:.97;margin:0 0 24px}.home-copy .rule{width:78%;margin-bottom:26px}.home-copy .lead{font-size:22px;line-height:1.5;max-width:590px;color:#f1ecf3}.home-copy .tag{font-family:Georgia,'Times New Roman',serif;color:#f1cc56;font-size:22px;margin-top:24px}
.home-emblem-wrap{position:absolute;right:0;top:-2%;width:51%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(134,36,193,.22),transparent 62%)}
.home-emblem{width:84%;height:auto;filter:drop-shadow(0 0 18px rgba(174,40,224,.28))}
.home-lower{position:absolute;left:4.2%;right:4.2%;top:55.3%;height:31.2%;display:grid;grid-template-columns:1.35fr .85fr;gap:18px}
.feature-card{padding:24px 28px;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.feature-card img{width:142px;height:180px;object-fit:cover;border:1px solid rgba(240,198,78,.55);border-radius:18px;box-shadow:0 0 25px rgba(139,31,192,.18)}.feature-card h2{font-size:46px;margin:4px 0 7px}.feature-card .sub{font-family:Georgia,'Times New Roman',serif;color:#e5a1ff;font-size:23px;margin-bottom:9px}.feature-card p{font-size:17px;line-height:1.42;color:#e5deea;margin:0 0 15px}.feature-card a{text-decoration:none;color:#f0cf5a;font-weight:700}
.future-card{padding:26px 30px;position:relative;overflow:hidden}.future-card::after{content:"";position:absolute;inset:0;background:url('assets/purple-texture.jpg') center/cover;opacity:.22;mix-blend-mode:screen}.future-card>*{position:relative;z-index:2}.future-card h3{font:700 28px Georgia,'Times New Roman',serif;color:#f2cc5b;margin:6px 0 18px}.future-card p{font-size:18px;line-height:1.5;color:#eee7f0;margin:0}.future-card .pulse{width:74px;height:74px;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 32px Georgia;color:#f3cb55;margin-bottom:20px;box-shadow:0 0 24px rgba(164,46,216,.28),inset 0 0 24px rgba(117,23,162,.22)}
.home-quick{position:absolute;left:4.2%;right:4.2%;bottom:7.0%;height:9.0%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.quick{padding:15px 22px;display:flex;align-items:center;gap:18px;text-decoration:none}.quick .ico{width:46px;height:46px;border:1px solid #e6bb47;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f4d25f;font-size:23px;box-shadow:0 0 14px rgba(171,51,218,.18)}.quick strong{display:block;color:#f2cf58;font-family:Georgia,'Times New Roman',serif;font-size:20px}.quick span{display:block;color:#ddd5e0;font-size:14px;margin-top:4px}

/* STUDIO */
.studio-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;height:49%}.studio-story{padding:18px 10px 0 10px}.studio-story h1{font-size:67px;margin:0 0 20px}.studio-story .rule{width:82%;margin-bottom:25px}.studio-story p{font-size:20px;line-height:1.52;color:#eee8f0;max-width:610px}.studio-story p+p{margin-top:16px}.founder{margin-top:24px;padding:19px 22px;border-left:3px solid #e5b840;background:linear-gradient(90deg,rgba(118,25,158,.13),transparent)}.founder strong{display:block;color:#f0cd58;font:700 23px Georgia;margin-bottom:7px}.studio-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(126,31,184,.23),transparent 60%)}.studio-art img{width:84%;height:auto;filter:drop-shadow(0 0 24px rgba(165,46,219,.22))}
.values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:24px;height:25%}.value{padding:24px 24px}.value .n{font:700 18px Georgia;color:#d991ff;margin-bottom:11px}.value h3{font:700 26px Georgia;color:#f2cf59;margin:0 0 10px}.value p{font-size:16px;line-height:1.42;color:#ddd5e1;margin:0}
.studio-bottom{position:absolute;left:4.1%;right:4.1%;bottom:7.0%;height:10.2%;display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.studio-bottom h3{font:700 24px Georgia;color:#f0cf5a;margin:0 0 5px}.studio-bottom p{margin:0;color:#ddd5e0;font-size:15px}

/* SUPPORT */
.support-head{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;height:34%}.support-title{padding:12px 8px}.support-title h1{font-size:68px;margin:0 0 18px}.support-title .rule{width:76%;margin-bottom:25px}.support-title p{font-size:21px;line-height:1.52;color:#eee8f0;max-width:610px}.support-symbol{display:flex;align-items:center;justify-content:center}.support-symbol .headphones{width:210px;height:210px;border:4px solid #e8bf4d;border-bottom-color:transparent;border-radius:50%;position:relative;box-shadow:0 0 35px rgba(160,41,209,.22)}.support-symbol .headphones::before,.support-symbol .headphones::after{content:"";position:absolute;top:115px;width:45px;height:78px;border:3px solid #e8bf4d;border-radius:18px;background:rgba(45,10,60,.48)}.support-symbol .headphones::before{left:-17px}.support-symbol .headphones::after{right:-17px}
.support-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;height:39%}.support-card{padding:26px 28px;position:relative}.support-card h2{font:700 30px Georgia;color:#f0cc57;margin:0 0 14px}.support-card p{font-size:17px;line-height:1.46;color:#e2dae5}.support-card a{color:#f4d05d;text-decoration:none;font-weight:700}.support-card .button{margin-top:12px}.support-note{position:absolute;left:4.1%;right:4.1%;bottom:7.0%;height:10.0%;padding:18px 26px;display:flex;align-items:center;gap:22px}.support-note .ico{font-size:42px;color:#e9c251}.support-note strong{display:block;color:#f0cd58;font:700 22px Georgia;margin-bottom:5px}.support-note span{font-size:15px;color:#ddd5df}

/* LIFE STATUS */
.life-wrap{position:absolute;left:0;top:7.2%;width:100%;height:92.8%;background:url('assets/life-body.jpg') top center/100% 100% no-repeat}.life-hot{position:absolute;z-index:30;background:transparent;border:0;text-indent:-9999px;overflow:hidden;cursor:pointer}.life-play{left:3.9%;top:73.9%;width:16.0%;height:7.7%}.life-ios{left:21.0%;top:73.9%;width:14.0%;height:7.7%;cursor:default}.life-trial{left:36.2%;top:73.9%;width:13.1%;height:7.7%}.life-how{left:3.9%;top:83.8%;width:22.3%;height:5.8%}.life-vip{left:27.0%;top:83.8%;width:22.4%;height:5.8%}
.modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.85);padding:24px}.modal:target{display:flex}.modal-card{position:relative;width:min(760px,92vw);border:1px solid rgba(237,190,72,.72);border-radius:18px;padding:30px;background:radial-gradient(circle at 80% 10%,rgba(119,30,169,.24),transparent 40%),#08040c;box-shadow:0 28px 80px rgba(0,0,0,.6)}.modal-card h2{font:700 39px Georgia;color:#f0cf5c;margin:0 0 14px}.modal-card p,.modal-card li{font-size:17px;line-height:1.55;color:#e9e1ec}.close{position:absolute;right:18px;top:12px;color:#f3cf58;text-decoration:none;font-size:28px}

@media(max-width:900px){.nav{gap:20px;right:3.5%}.nav a{font-size:14px}.brand{left:2.5%;height:64%}.home-copy h1,.studio-story h1,.support-title h1{font-size:48px}.home-copy .lead,.studio-story p,.support-title p{font-size:17px}.feature-card h2{font-size:34px}}

/* =========================================================
   POLISHED NON-LIFE-STATUS PAGES
   These overrides are deliberately scoped so the approved
   Life Status tab/page remains completely untouched.
   ========================================================= */
.page-home .content,
.page-studio .content,
.page-support .content{padding:3.5% 4.1% 2.8%}

.page-home .site,
.page-studio .site,
.page-support .site{box-shadow:0 0 0 1px rgba(244,199,74,.08),0 30px 90px rgba(0,0,0,.55)}

/* HOME — keep the studio first, Life Status featured but concise. */
.page-home .home-hero{top:2.2%;height:45.5%}
.page-home .home-copy{top:5%;width:48%}
.page-home .home-copy h1{font-size:68px;line-height:.98;margin-bottom:19px}
.page-home .home-copy .rule{margin-bottom:19px}
.page-home .home-copy .lead{font-size:20px;line-height:1.47;max-width:565px;margin:0}
.page-home .home-copy .tag{font-size:20px;line-height:1.3;margin-top:20px}
.page-home .home-emblem-wrap{width:49%;top:-1%;height:97%}
.page-home .home-emblem{width:78%;max-height:95%;object-fit:contain}
.page-home .home-lower{top:49.5%;height:26.6%;grid-template-columns:1.4fr .8fr;gap:20px}
.page-home .feature-card{padding:20px 24px;grid-template-columns:128px 1fr;gap:22px;overflow:hidden}
.page-home .feature-card img{width:122px;height:154px;border-radius:15px}
.page-home .feature-card h2{font-size:40px;margin:2px 0 4px;line-height:1}
.page-home .feature-card .sub{font-size:20px;margin-bottom:7px}
.page-home .feature-card p{font-size:15px;line-height:1.4;margin:0 0 11px}
.page-home .feature-card a{font-size:15px}
.page-home .future-card{padding:20px 26px;display:flex;flex-direction:column;justify-content:center}
.page-home .future-card .pulse{width:56px;height:56px;font-size:25px;margin-bottom:10px}
.page-home .future-card h3{font-size:24px;margin:3px 0 10px}
.page-home .future-card p{font-size:16px;line-height:1.43}
.page-home .home-quick{bottom:7.0%;height:9.2%;gap:18px}
.page-home .quick{padding:13px 18px;gap:14px;overflow:hidden}
.page-home .quick .ico{flex:0 0 42px;width:42px;height:42px;font-size:20px}
.page-home .quick strong{font-size:18px;white-space:nowrap}
.page-home .quick span{font-size:13px;line-height:1.25}

/* OUR STUDIO — clear founder section and readable values. */
.page-studio .studio-grid{height:46%;gap:32px}
.page-studio .studio-story{padding:8px 6px 0}
.page-studio .studio-story h1{font-size:62px;line-height:.98;margin:0 0 16px}
.page-studio .studio-story .rule{margin-bottom:18px}
.page-studio .studio-story>p{font-size:18px;line-height:1.46;margin:0;max-width:620px}
.page-studio .founder{margin-top:16px;padding:15px 19px}
.page-studio .founder strong{font-size:21px;margin-bottom:5px}
.page-studio .founder p{font-size:16px;line-height:1.42;margin:0}
.page-studio .studio-art{overflow:hidden}
.page-studio .studio-art img{width:75%;max-height:93%;object-fit:contain}
.page-studio .values{height:22.2%;gap:20px;margin-top:18px}
.page-studio .value{padding:18px 20px;overflow:hidden}
.page-studio .value .n{font-size:15px;margin-bottom:6px}
.page-studio .value h3{font-size:22px;line-height:1.1;margin:0 0 8px}
.page-studio .value p{font-size:14px;line-height:1.4}
.page-studio .studio-bottom{bottom:7.0%;height:10.5%;padding:15px 24px;gap:22px}
.page-studio .studio-bottom>div{min-width:0}
.page-studio .studio-bottom h3{font-size:21px;margin-bottom:4px}
.page-studio .studio-bottom p{font-size:14px;line-height:1.3}
.page-studio .studio-bottom .gold-button{font-size:17px;padding:12px 22px;white-space:nowrap;flex:0 0 auto}

/* SUPPORT — cleaner hierarchy with practical help first. */
.page-support .support-content{padding-top:3.1%}
.page-support .support-head{height:27%;grid-template-columns:1.1fr .9fr;gap:28px}
.page-support .support-title{padding:5px 6px 0}
.page-support .support-title h1{font-size:58px;line-height:.98;margin:0 0 14px}
.page-support .support-title .rule{margin-bottom:16px;width:78%}
.page-support .support-title p{font-size:18px;line-height:1.45;margin:0;max-width:650px}
.page-support .support-symbol{position:relative;overflow:hidden;background:radial-gradient(circle,rgba(136,37,192,.24),transparent 60%)}
.page-support .support-heart{width:180px;height:165px;position:relative;transform:rotate(45deg);border:4px solid #edc453;border-left-color:#d89e1b;border-top-color:#f6da79;border-radius:34% 0 34% 34%;box-shadow:0 0 32px rgba(164,42,218,.32),inset 0 0 30px rgba(125,24,176,.15)}
.page-support .support-heart::before{content:"";position:absolute;width:96px;height:96px;border:4px solid #f0c756;border-right:0;border-bottom:0;border-radius:50%;left:-52px;top:-4px;background:rgba(25,5,34,.18)}
.page-support .support-heart::after{content:"";position:absolute;width:96px;height:96px;border:4px solid #f0c756;border-left:0;border-bottom:0;border-radius:50%;right:-4px;top:-52px;background:rgba(25,5,34,.18)}
.page-support .support-heart span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);font:700 66px Georgia;color:#f4cf5a;text-shadow:0 0 16px rgba(255,202,61,.2)}
.page-support .support-main-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:20px;margin-top:18px;height:27.5%}
.page-support .support-primary{padding:20px 24px;display:grid;grid-template-columns:54px 1fr;gap:17px;align-items:start;overflow:hidden}
.page-support .support-icon{width:50px;height:50px;border:1px solid #e0b542;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;color:#f0cd58;box-shadow:0 0 18px rgba(161,39,211,.19)}
.page-support .kicker.small{font-size:13px;margin-bottom:3px}
.page-support .support-primary h2{font:700 27px Georgia;color:#f1cd59;margin:0 0 7px}
.page-support .support-primary p{font-size:15px;line-height:1.37;margin:0 0 7px;color:#e6dfe8}
.page-support .support-email{display:inline-block;color:#f1cf5c;text-decoration:none;font-weight:700;font-size:16px;margin:0 0 10px;overflow-wrap:anywhere}
.page-support .support-button{font-size:15px;padding:10px 18px}
.page-support .support-guide{padding:17px 21px;display:flex;flex-direction:column;justify-content:center;gap:14px;overflow:hidden}
.page-support .support-guide-row{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.page-support .support-guide-row+.support-guide-row{border-top:1px solid rgba(226,176,54,.25);padding-top:13px}
.page-support .support-step{font:700 18px Georgia;color:#dc98ff;padding-top:2px}
.page-support .support-guide h3{font:700 18px Georgia;color:#f0cb57;margin:0 0 5px}
.page-support .support-guide p{font-size:13.5px;line-height:1.37;color:#dfd7e2;margin:0}
.page-support .support-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;height:16.4%}
.page-support .support-mini{padding:15px 21px;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;overflow:hidden}
.page-support .support-mini-icon{font-size:28px;color:#eec655;text-shadow:0 0 16px rgba(169,48,221,.25)}
.page-support .support-mini h3{font:700 19px Georgia;color:#f1cd59;margin:0 0 5px}
.page-support .support-mini p{font-size:13.5px;line-height:1.35;color:#ddd5e0;margin:0}
.page-support .support-note{bottom:7.0%;height:9.2%;padding:14px 23px}
.page-support .support-note .ico{font-size:34px}
.page-support .support-note strong{font-size:19px;margin-bottom:3px}
.page-support .support-note span{font-size:13px}

@media(max-width:900px){
  .page-home .home-copy h1,.page-studio .studio-story h1,.page-support .support-title h1{font-size:44px}
  .page-home .home-copy .lead,.page-studio .studio-story>p,.page-support .support-title p{font-size:15px}
  .page-home .feature-card h2{font-size:31px}
  .page-home .feature-card{grid-template-columns:96px 1fr}.page-home .feature-card img{width:92px;height:124px}
  .page-support .support-heart{transform:rotate(45deg) scale(.78)}
}

/* Fixed approved-canvas scaling for non-Life-Status pages.
   This keeps text, art and panels in the exact same relative positions
   at every browser width instead of allowing text to collide with images. */
.page-home,.page-studio,.page-support{position:relative;display:block;overflow-x:hidden;width:100%;}
.page-home .site,.page-studio .site,.page-support .site{width:min(1402px,100vw);height:auto;aspect-ratio:1402/1122;max-width:1402px;}

/* =========================================================
   PREMIUM PASS — HOME / STUDIO / SUPPORT ONLY
   LIFE STATUS PAGE IS INTENTIONALLY UNCHANGED.
   ========================================================= */
.page-home .site::after,.page-studio .site::after,.page-support .site::after{content:"";position:absolute;inset:12px;border:1px solid rgba(236,187,55,.32);pointer-events:none;z-index:2;box-shadow:inset 0 0 40px rgba(108,18,153,.05)}
.page-home .content,.page-studio .content,.page-support .content{background:
  radial-gradient(circle at 78% 20%,rgba(131,34,186,.16),transparent 31%),
  radial-gradient(circle at 20% 74%,rgba(98,20,143,.10),transparent 26%)}
.page-home .panel,.page-studio .panel,.page-support .panel{border-color:rgba(231,175,42,.88);box-shadow:0 15px 48px rgba(0,0,0,.38),inset 0 0 55px rgba(105,20,148,.09),0 0 18px rgba(170,49,216,.05)}
.page-home .gold-title,.page-studio .gold-title,.page-support .gold-title{background:linear-gradient(180deg,#fff0ae 0%,#f8d568 28%,#e5aa23 70%,#fff0a1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(245,189,48,.10)}

/* HOME */
.page-home .home-content{padding:0}
.page-home .home-hero-premium{position:absolute;left:4.2%;right:4.2%;top:4.2%;height:48.8%;border-bottom:1px solid rgba(222,163,27,.62)}
.page-home .home-hero-premium::before{content:"";position:absolute;right:1.5%;top:4%;width:47%;height:84%;background:radial-gradient(circle at center,rgba(157,46,215,.24),rgba(76,9,110,.07) 42%,transparent 70%);filter:blur(1px)}
.page-home .home-copy-premium{position:absolute;left:0;top:7%;width:49%;z-index:5}
.page-home .home-copy-premium .kicker{font-size:18px;letter-spacing:.16em;margin-bottom:13px}
.page-home .home-copy-premium h1{font-size:73px;line-height:.93;margin:0 0 20px}
.page-home .home-copy-premium .rule{width:86%;margin-bottom:23px}
.page-home .home-copy-premium .lead{font-size:21px;line-height:1.46;color:#f3edf5;max-width:600px;margin:0}
.page-home .studio-signature{margin-top:28px;padding-top:14px;border-top:1px solid rgba(232,181,50,.25);display:flex;gap:15px;align-items:center;color:#f2cb58;font:700 15px Georgia,'Times New Roman',serif;letter-spacing:.06em;white-space:nowrap}
.page-home .studio-signature i{font-style:normal;color:#df50ff;font-size:8px;text-shadow:0 0 9px #a72cff}
.page-home .home-emblem-stage{position:absolute;right:0;top:0;width:49%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible}
.page-home .home-emblem-stage::after{content:"";position:absolute;left:12%;right:8%;bottom:6%;height:15px;border-radius:50%;background:radial-gradient(ellipse,rgba(214,74,255,.45),rgba(235,188,57,.20) 38%,transparent 70%);filter:blur(7px)}
.page-home .home-emblem-stage img{position:relative;z-index:3;width:78%;max-height:92%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(179,43,232,.34)) drop-shadow(0 0 10px rgba(255,201,69,.14))}
.page-home .emblem-rings{position:absolute;width:76%;aspect-ratio:1;border:1px solid rgba(213,154,30,.28);border-radius:50%;box-shadow:0 0 0 18px rgba(171,45,213,.025),0 0 0 38px rgba(232,177,47,.025),0 0 40px rgba(155,42,205,.16)}
.page-home .ornament{position:absolute;z-index:8;color:#d94dff;text-shadow:0 0 12px #9f27d0;font-size:15px}.page-home .ornament-a{left:2.6%;top:4.5%}.page-home .ornament-b{right:2.7%;top:48.5%;font-size:10px}
.page-home .home-showcase-row{position:absolute;left:4.2%;right:4.2%;top:55.8%;height:25.3%;display:grid;grid-template-columns:1.34fr .86fr;gap:20px}
.page-home .home-feature-premium{padding:21px 25px;display:grid;grid-template-columns:132px 1fr;gap:23px;align-items:center;overflow:hidden;position:relative}
.page-home .home-feature-premium::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(103,18,147,.08),transparent 48%);pointer-events:none}
.page-home .life-thumb-wrap{width:126px;height:166px;border-radius:17px;padding:4px;background:linear-gradient(180deg,#f2cd61,#7e3b8f 56%,#e7ae32);box-shadow:0 0 26px rgba(149,35,198,.2)}
.page-home .life-thumb-wrap img{width:100%;height:100%;object-fit:cover;border-radius:13px;display:block}
.page-home .feature-copy{position:relative;z-index:2}.page-home .feature-copy .kicker.small{font-size:13px;letter-spacing:.14em}.page-home .feature-copy h2{font-size:46px;line-height:1;margin:5px 0 4px}.page-home .feature-copy .sub{font:700 21px Georgia,'Times New Roman',serif;color:#e39cff;margin-bottom:8px}.page-home .feature-copy p{font-size:15px;line-height:1.4;color:#e8e1eb;margin:0 0 12px;max-width:620px}.page-home .text-link{color:#f4d261;text-decoration:none;font:700 14px Georgia,'Times New Roman',serif;letter-spacing:.05em}.page-home .text-link span{font-size:23px;vertical-align:-2px;margin-left:6px}
.page-home .home-future-premium{display:grid;grid-template-columns:105px 1fr;gap:18px;align-items:center;padding:23px 25px;overflow:hidden;position:relative}.page-home .home-future-premium::after{content:"";position:absolute;inset:0;background:url('assets/purple-texture.jpg') center/cover;opacity:.18;mix-blend-mode:screen}.page-home .home-future-premium>*{position:relative;z-index:2}.page-home .portal-mark{width:92px;height:118px;border:1px solid #d7a72d;clip-path:polygon(50% 0,90% 18%,90% 100%,10% 100%,10% 18%);background:radial-gradient(circle at 50% 69%,rgba(189,50,240,.33),rgba(27,5,36,.85) 60%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px rgba(159,41,213,.22)}.page-home .portal-mark span{font:700 38px Georgia;color:#f3cb58;text-shadow:0 0 15px rgba(238,198,75,.25)}.page-home .home-future-premium .kicker.small{font-size:12px}.page-home .home-future-premium h3{font:700 24px Georgia,'Times New Roman',serif;color:#f2cf5d;line-height:1.1;margin:6px 0 8px}.page-home .home-future-premium p{font-size:15px;line-height:1.42;color:#e6dfe9;margin:0}
.page-home .home-routes{position:absolute;left:6.0%;right:6.0%;bottom:7%;height:10.1%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.page-home .route-card{position:relative;display:grid;grid-template-columns:52px 1fr 18px;gap:14px;align-items:center;padding:15px 18px;border:1px solid rgba(226,170,40,.8);border-radius:16px;background:linear-gradient(180deg,rgba(20,8,27,.96),rgba(6,3,9,.98));text-decoration:none;box-shadow:inset 0 0 35px rgba(118,26,162,.08),0 8px 28px rgba(0,0,0,.28);overflow:hidden}.page-home .route-card::after{content:"";position:absolute;left:-20%;bottom:-60%;width:80%;height:100%;background:radial-gradient(circle,rgba(153,42,204,.13),transparent 65%)}.page-home .route-card:hover{border-color:#efc75a;box-shadow:inset 0 0 40px rgba(143,34,192,.12),0 0 24px rgba(185,53,236,.12)}.page-home .route-icon{width:46px;height:46px;border:1px solid rgba(235,187,63,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f2d05d;font-size:22px;box-shadow:0 0 16px rgba(165,45,215,.18)}.page-home .route-card strong{display:block;color:#f2cf59;font:700 19px Georgia,'Times New Roman',serif}.page-home .route-card span{display:block;color:#ddd5e0;font-size:13px;line-height:1.25;margin-top:4px}.page-home .route-card b{color:#e8bf4d;font-size:28px;font-weight:400}

/* OUR STUDIO */
.page-studio .studio-content{padding:0}
.page-studio .studio-hero-premium{position:absolute;left:4.6%;right:4.6%;top:4.3%;height:43.8%;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(221,163,29,.62);align-items:center}
.page-studio .studio-copy-premium{padding:2% 2% 0 2%;display:flex;flex-direction:column;justify-content:center}.page-studio .studio-copy-premium .kicker{font-size:18px;letter-spacing:.15em}.page-studio .studio-copy-premium h1{font-size:62px;line-height:.94;margin:10px 0 18px}.page-studio .studio-copy-premium .rule{width:86%;margin-bottom:21px}.page-studio .studio-copy-premium p{font-size:19px;line-height:1.48;color:#eee8f0;max-width:620px;margin:0}
.page-studio .studio-emblem-stage{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(135,36,192,.22),transparent 62%);overflow:hidden}.page-studio .studio-emblem-stage::before{content:"";position:absolute;width:82%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(226,171,44,.23);box-shadow:0 0 0 20px rgba(173,45,218,.025),0 0 0 42px rgba(223,169,44,.02)}.page-studio .studio-emblem-stage img{position:relative;z-index:2;width:73%;max-height:91%;object-fit:contain;filter:drop-shadow(0 0 26px rgba(170,43,222,.28))}.page-studio .studio-glowline{position:absolute;left:14%;right:14%;bottom:9%;height:9px;background:radial-gradient(ellipse,rgba(209,72,255,.46),rgba(227,177,48,.16) 40%,transparent 72%);filter:blur(5px)}
.page-studio .studio-middle{position:absolute;left:5.4%;right:5.4%;top:52.0%;height:28.0%;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.page-studio .founder-premium{padding:22px 26px;position:relative;overflow:hidden}.page-studio .founder-premium::after{content:"♥";position:absolute;right:28px;bottom:-22px;font:700 130px Georgia;color:rgba(159,42,207,.07);transform:rotate(-8deg)}.page-studio .founder-label{display:inline-block;color:#f2cf59;font:700 14px Georgia,'Times New Roman',serif;letter-spacing:.09em;padding-bottom:9px;border-bottom:1px solid rgba(234,184,48,.36)}.page-studio .founder-premium h2{font:700 28px Georgia,'Times New Roman',serif;color:#f5d166;line-height:1.1;margin:13px 0 10px}.page-studio .founder-premium p{font-size:15px;line-height:1.45;color:#e7e0e9;margin:0 0 8px;max-width:680px;position:relative;z-index:2}
.page-studio .studio-principles{display:grid;grid-template-rows:repeat(3,1fr);gap:9px}.page-studio .principle{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:center;padding:10px 18px;border:1px solid rgba(220,161,28,.64);border-radius:14px;background:linear-gradient(90deg,rgba(26,8,33,.94),rgba(6,3,9,.96));box-shadow:inset 0 0 28px rgba(108,21,151,.07)}.page-studio .principle span{font:700 18px Georgia;color:#d992ff;border-right:1px solid rgba(228,177,48,.28);height:100%;display:flex;align-items:center}.page-studio .principle strong{display:block;color:#f2cf5b;font:700 18px Georgia,'Times New Roman',serif}.page-studio .principle p{font-size:13px;line-height:1.34;color:#ddd5e0;margin:3px 0 0}
.page-studio .studio-closing{position:absolute;left:5.8%;right:5.8%;bottom:7%;height:10.7%;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.page-studio .studio-closing::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(124,26,173,.12),transparent 48%)}.page-studio .studio-closing>div,.page-studio .studio-closing>a{position:relative;z-index:2}.page-studio .studio-closing .kicker.small{font-size:12px}.page-studio .studio-closing h3{font:700 27px Georgia;color:#f2ce5a;margin:2px 0}.page-studio .studio-closing p{font-size:14px;color:#ddd6df;margin:0}.page-studio .studio-closing .gold-button{font-size:17px;padding:12px 21px}

/* SUPPORT */
.page-support .support-content-premium{padding:0}
.page-support .support-hero-premium{position:absolute;left:4.8%;right:4.8%;top:4.3%;height:38.5%;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(222,163,28,.62);align-items:center}
.page-support .support-copy-premium{padding:2% 2% 0 2%;display:flex;flex-direction:column;justify-content:center}.page-support .support-copy-premium .kicker{font-size:18px;letter-spacing:.15em}.page-support .support-copy-premium h1{font-size:67px;line-height:.94;margin:10px 0 18px}.page-support .support-copy-premium .rule{width:84%;margin-bottom:20px}.page-support .support-copy-premium p{font-size:19px;line-height:1.46;color:#eee8f0;max-width:620px;margin:0}
.page-support .support-emblem-premium{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,rgba(129,31,185,.20),transparent 62%)}.page-support .support-orb{width:158px;height:158px;border:2px solid #e7b945;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(151,40,204,.26),rgba(18,5,25,.92) 67%);box-shadow:0 0 34px rgba(157,41,209,.26),inset 0 0 32px rgba(127,29,176,.18);position:relative;z-index:3}.page-support .support-orb span{font-size:70px;color:#f1c954;text-shadow:0 0 18px rgba(244,198,72,.22)}.page-support .support-ring{position:absolute;border:1px solid rgba(230,174,43,.32);border-radius:50%}.page-support .ring-one{width:230px;height:230px}.page-support .ring-two{width:300px;height:300px;border-color:rgba(190,58,231,.18)}
.page-support .support-grid-premium{position:absolute;left:5.6%;right:5.6%;top:46.5%;height:31%;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.page-support .contact-card-premium,.page-support .purchase-card-premium{padding:22px 26px;overflow:hidden;position:relative}.page-support .contact-card-premium::after,.page-support .purchase-card-premium::after{content:"";position:absolute;right:-45px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(159,42,207,.11),transparent 66%)}.page-support .support-card-icon{width:49px;height:49px;border:1px solid rgba(235,185,57,.82);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f0ca55;font-size:24px;box-shadow:0 0 17px rgba(158,39,207,.18);margin-bottom:10px}.page-support .contact-card-premium .kicker.small,.page-support .purchase-card-premium .kicker.small{font-size:12px;letter-spacing:.12em}.page-support .contact-card-premium h2,.page-support .purchase-card-premium h2{font:700 27px Georgia,'Times New Roman',serif;color:#f3cf5d;margin:4px 0 8px}.page-support .contact-card-premium p{font-size:15px;line-height:1.36;color:#e3dce6;margin:0 0 8px}.page-support .support-email-premium{display:block;color:#f2d05d;text-decoration:none;font-weight:700;font-size:16px;margin:4px 0 13px;overflow-wrap:anywhere}.page-support .contact-card-premium .gold-button{font-size:15px;padding:10px 17px}
.page-support .support-step-premium{display:grid;grid-template-columns:39px 1fr;gap:12px;align-items:start;padding:8px 0}.page-support .support-step-premium+.support-step-premium{border-top:1px solid rgba(230,177,49,.24);margin-top:4px;padding-top:12px}.page-support .support-step-premium span{font:700 17px Georgia;color:#d991ff}.page-support .support-step-premium p{font-size:14px;line-height:1.38;color:#e1d9e4;margin:0}.page-support .support-step-premium strong{color:#f1cf59}
.page-support .support-bottom-premium{position:absolute;left:5.8%;right:5.8%;bottom:7%;height:12.1%;display:grid;grid-template-columns:1fr 1fr .8fr;gap:14px;align-items:stretch}.page-support .support-info-card{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;padding:14px 16px;border:1px solid rgba(222,166,35,.7);border-radius:14px;background:linear-gradient(180deg,rgba(18,7,25,.95),rgba(5,2,8,.98));box-shadow:inset 0 0 32px rgba(111,23,156,.07)}.page-support .info-icon{width:41px;height:41px;border:1px solid rgba(234,185,58,.75);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#efc956;font:700 19px Georgia;box-shadow:0 0 13px rgba(155,39,204,.15)}.page-support .support-info-card strong{display:block;color:#f1ce59;font:700 17px Georgia,'Times New Roman',serif}.page-support .support-info-card p{font-size:12.5px;line-height:1.3;color:#dcd4df;margin:4px 0 0}.page-support .studio-contact{background:radial-gradient(circle at 18% 50%,rgba(141,34,189,.14),transparent 52%),linear-gradient(180deg,rgba(18,7,25,.95),rgba(5,2,8,.98))}


/* Expanded Life Status information modals: content only, with safe scrolling when needed. */
.modal-card{max-height:88vh;overflow-y:auto}
.modal-card p+ p{margin-top:12px}

/* V6: keep the existing homepage card, but show the complete Life Status title artwork. */
.page-home .life-thumb-wrap img{object-fit:contain;background:#050108}

/* V6: make the whole visible Life Status CTA boxes clickable. */
.life-trial{left:36.2%;top:73.7%;width:13.2%;height:8.2%;z-index:40;pointer-events:auto}
.life-how{left:3.9%;top:83.5%;width:22.4%;height:6.4%;z-index:40;pointer-events:auto}
.life-vip{left:27.0%;top:83.5%;width:22.5%;height:6.4%;z-index:40;pointer-events:auto}
.life-play{z-index:40;pointer-events:auto}


/* =========================================================
   MOBILE RESPONSIVENESS ONLY
   Desktop remains exactly as approved.
   ========================================================= */
@media (max-width: 760px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    display: block;
    min-height: 100vh;
    padding: 0;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .site,
  .page-home .site,
  .page-studio .site,
  .page-support .site,
  .page-life .site {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 100vh;
    aspect-ratio: auto;
    overflow: visible;
    margin: 0;
    border-left: 0;
    border-right: 0;
  }

  .header {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 13px 14px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
  }

  .brand {
    position: relative;
    left: auto;
    top: auto;
    width: min(230px, 68vw);
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .nav {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 10px;
    align-items: center;
  }

  .nav a {
    min-width: 0;
    padding: 9px 3px 12px;
    text-align: center;
    font-size: 12px;
    line-height: 1.15;
    white-space: normal;
  }

  .nav a.active::after {
    left: 24%;
    right: 24%;
    bottom: 5px;
  }

  .nav a.active::before {
    bottom: -1px;
    font-size: 8px;
  }

  .content,
  .page-home .content,
  .page-studio .content,
  .page-support .content {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    padding: 24px 16px 28px;
  }

  .footer {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: calc(100% - 32px);
    height: auto;
    min-height: 58px;
    margin: 0 16px;
    padding: 18px 36px;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
  }

  .footer::before { left: 8px; }
  .footer::after { right: 8px; }

  .gold-title,
  .page-home .home-copy-premium h1,
  .page-studio .studio-copy-premium h1,
  .page-support .support-copy-premium h1 {
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
  }

  .panel {
    width: 100%;
    max-width: 100%;
  }

  /* HOME */
  .page-home .home-content {
    padding: 24px 16px 28px;
  }

  .page-home .home-hero-premium {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0 0 24px;
  }

  .page-home .home-copy-premium {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  .page-home .home-copy-premium .kicker {
    font-size: 14px;
    letter-spacing: .11em;
  }

  .page-home .home-copy-premium h1 {
    font-size: clamp(38px, 12vw, 55px);
    line-height: .98;
    margin-bottom: 16px;
  }

  .page-home .home-copy-premium .lead {
    max-width: 100%;
    font-size: 17px;
    line-height: 1.5;
  }

  .page-home .studio-signature {
    flex-wrap: wrap;
    gap: 7px 10px;
    white-space: normal;
    font-size: 12px;
    line-height: 1.35;
  }

  .page-home .home-emblem-stage {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 260px;
    margin-top: 22px;
  }

  .page-home .home-emblem-stage img {
    width: min(72vw, 300px);
    max-height: none;
  }

  .page-home .emblem-rings {
    width: min(72vw, 300px);
  }

  .page-home .ornament {
    display: none;
  }

  .page-home .home-showcase-row {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 24px;
  }

  .page-home .home-feature-premium {
    width: 100%;
    padding: 22px 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .page-home .life-thumb-wrap {
    width: min(168px, 54vw);
    height: auto;
    aspect-ratio: 126 / 166;
    margin: 0 auto;
  }

  .page-home .feature-copy {
    min-width: 0;
  }

  .page-home .feature-copy h2 {
    max-width: 100%;
    font-size: clamp(30px, 9vw, 43px);
    line-height: 1.04;
    overflow-wrap: normal;
    word-break: normal;
  }

  .page-home .feature-copy .sub {
    font-size: 19px;
    line-height: 1.25;
  }

  .page-home .feature-copy p {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.5;
  }

  .page-home .home-future-premium {
    width: 100%;
    padding: 22px 20px;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 15px;
  }

  .page-home .portal-mark {
    width: 74px;
    height: 96px;
  }

  .page-home .home-future-premium h3 {
    font-size: 22px;
  }

  .page-home .home-routes {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 13px;
    margin-top: 18px;
  }

  .page-home .route-card {
    width: 100%;
    min-width: 0;
  }

  /* OUR STUDIO */
  .page-studio .studio-content {
    padding: 24px 16px 28px;
  }

  .page-studio .studio-hero-premium {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    padding-bottom: 24px;
  }

  .page-studio .studio-copy-premium {
    padding: 0;
  }

  .page-studio .studio-copy-premium h1 {
    font-size: clamp(38px, 11vw, 52px);
    line-height: 1;
  }

  .page-studio .studio-copy-premium p {
    max-width: 100%;
    font-size: 17px;
    line-height: 1.5;
  }

  .page-studio .studio-emblem-stage {
    min-height: 250px;
  }

  .page-studio .studio-emblem-stage img {
    width: min(70vw, 290px);
    max-height: none;
  }

  .page-studio .studio-middle {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 22px;
  }

  .page-studio .founder-premium {
    padding: 22px 20px;
  }

  .page-studio .founder-premium h2 {
    font-size: 25px;
  }

  .page-studio .founder-premium p {
    font-size: 15px;
    line-height: 1.5;
  }

  .page-studio .studio-principles {
    grid-template-rows: none;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .page-studio .principle {
    min-width: 0;
  }

  .page-studio .studio-closing {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    margin-top: 18px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .page-studio .studio-closing .gold-button {
    width: 100%;
  }

  /* SUPPORT */
  .page-support .support-content-premium {
    padding: 24px 16px 28px;
  }

  .page-support .support-hero-premium {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    padding-bottom: 24px;
  }

  .page-support .support-copy-premium {
    padding: 0;
  }

  .page-support .support-copy-premium h1 {
    font-size: clamp(40px, 12vw, 56px);
    line-height: .98;
  }

  .page-support .support-copy-premium p {
    max-width: 100%;
    font-size: 17px;
    line-height: 1.5;
  }

  .page-support .support-emblem-premium {
    min-height: 245px;
  }

  .page-support .support-orb {
    width: 138px;
    height: 138px;
  }

  .page-support .ring-one {
    width: 200px;
    height: 200px;
  }

  .page-support .ring-two {
    width: 245px;
    height: 245px;
  }

  .page-support .support-grid-premium {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 22px;
  }

  .page-support .contact-card-premium,
  .page-support .purchase-card-premium {
    padding: 22px 20px;
  }

  .page-support .support-bottom-premium {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 18px;
  }

  .page-support .support-email-premium {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  /* LIFE STATUS
     The artwork itself stays intact, but the page shell, navigation,
     click targets and information panels are independently responsive. */
  .page-life .site {
    min-height: 0;
  }

  .page-life .life-wrap {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1402 / 1042;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
  }

  .page-life .life-hot {
    z-index: 40;
  }

  .page-life .modal {
    padding: 14px;
  }

  .page-life .modal-card {
    width: 100%;
    max-width: 100%;
    max-height: 86vh;
    padding: 24px 20px;
    overflow-y: auto;
  }

  .page-life .modal-card h2 {
    padding-right: 32px;
    font-size: clamp(29px, 8vw, 39px);
    line-height: 1.08;
  }

  .page-life .modal-card p,
  .page-life .modal-card li {
    font-size: 15px;
    line-height: 1.52;
  }

  .page-life .close {
    right: 14px;
    top: 8px;
  }
}