@font-face{font-family:NotoCJK;src:url('/static/fonts/NotoSansCJK-Regular.ttc') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--black:#090806;--black2:#11100d;--black3:#171510;--gold:#d5b477;--gold2:#ead29c;--gold3:#9f7d43;--paper:#f4f0e7;--ink:#1d1a15;--muted:#746e64;--line:#ddd5c8;--white:#f7f2e7;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:NotoCJK,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.shell{width:min(var(--max),calc(100% - 80px));margin:auto}.shell-wide{width:min(1380px,calc(100% - 80px));margin:auto}.section-dark{background:var(--black);color:var(--white)}.section-light{background:var(--paper);color:var(--ink)}
.site-header{height:82px;padding:0 max(40px,calc((100% - 1440px)/2));display:flex;align-items:center;background:rgba(9,8,6,.96);border-bottom:1px solid rgba(213,180,119,.14);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.site-brand{width:190px;flex:0 0 190px}.site-brand img{width:100%;height:auto}.site-nav{display:flex;gap:48px;align-items:center;margin-left:auto;margin-right:52px}.site-nav a{font-size:14px;color:#eee8dc;opacity:.92;position:relative;white-space:nowrap}.site-nav a:after{content:"";position:absolute;left:50%;bottom:-28px;width:0;height:1px;background:var(--gold);transform:translateX(-50%);transition:.25s}.site-nav a:hover:after{width:24px}.nav-cta{font-size:14px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17130c;padding:12px 24px;border-radius:2px;min-width:110px;text-align:center;font-weight:600;box-shadow:0 10px 25px rgba(213,180,119,.10)}.nav-cta span{margin-left:6px}
.eyebrow{font-size:11px;letter-spacing:.22em;color:#a88b5b;font-weight:600;text-transform:uppercase}.eyebrow.dark{color:#9c7a43}.text-link{display:inline-block;margin-top:16px;font-size:14px;color:#8e6c39;border-bottom:1px solid rgba(142,108,57,.45);padding-bottom:5px}.text-link.light{color:var(--gold);border-color:rgba(213,180,119,.45)}h1,h2,h3,p{margin-top:0}
.hero2{min-height:680px;overflow:hidden;position:relative;background:radial-gradient(circle at 72% 50%,rgba(214,176,100,.12),transparent 23%),linear-gradient(110deg,#090806 0%,#0d0c0a 54%,#15120d 100%)}.hero2:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(226,195,139,.25) 0 1px,transparent 1.6px);background-size:120px 100px;opacity:.16}.hero2-inner{min-height:680px;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative;z-index:1}.hero-copy{padding:60px 0 70px}.hero-copy h1{font-size:clamp(64px,5.8vw,92px);line-height:1.08;letter-spacing:-.055em;font-weight:400;margin:20px 0 26px;color:#f3eee4}.hero-copy h1 span{color:#d8b777}.hero-sub{font-size:18px;line-height:1.95;color:#c8c1b5;margin-bottom:28px}.hero-actions{display:flex;gap:14px;align-items:center}.gold-btn,.line-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 24px;font-size:14px;transition:.25s}.gold-btn{background:linear-gradient(135deg,#ecd29a,#c6a466);color:#17120b;border-radius:2px;box-shadow:0 10px 30px rgba(201,168,106,.13);font-weight:600}.gold-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.gold-btn span{margin-left:10px}.line-btn{border:1px solid rgba(233,226,212,.35);color:#f1ece3;border-radius:2px}.line-btn:hover{border-color:var(--gold);color:var(--gold2)}.hero-note{margin-top:34px;color:#756a59;font-size:11px;letter-spacing:.18em}
.hero-visual{height:560px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(213,180,119,.35);border-radius:50%;box-shadow:0 0 25px rgba(213,180,119,.04) inset}.orbit-a{width:610px;height:240px;transform:rotate(-16deg);animation:spin 18s linear infinite}.orbit-b{width:500px;height:330px;transform:rotate(34deg);animation:spin2 22s linear infinite}.orbit-c{width:380px;height:540px;transform:rotate(78deg);animation:spin3 28s linear infinite}.glow-core{width:156px;height:156px;border-radius:50%;position:relative;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 45% 42%,#fff7d9 0 2%,#e5c27d 8%,#a5773e 25%,rgba(157,108,53,.35) 50%,transparent 72%);box-shadow:0 0 70px rgba(223,183,112,.38),0 0 140px rgba(223,183,112,.12)}.glow-core:after{content:"";position:absolute;inset:-16px;border:1px solid rgba(225,193,134,.30);border-radius:50%}.glow-core b,.glow-core em{font-family:Arial,sans-serif;position:relative;z-index:1;display:block;font-size:15px;letter-spacing:3px;font-style:normal}.glow-core em{font-size:10px;color:#f0d8a5}.orbit-node{position:absolute;text-align:center;color:#e4ded3;font-size:14px;line-height:1.35}.orbit-node i{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(219,190,135,.45);border-radius:50%;margin:auto auto 7px;background:rgba(12,10,7,.88);box-shadow:0 0 18px rgba(201,168,106,.10)}.orbit-node i img{width:27px;height:27px}.orbit-node small{display:block;color:#918879;font-size:10px;margin-top:3px}.node-1{top:62px;left:34%}.node-2{top:88px;right:10%}.node-3{top:222px;right:0}.node-4{bottom:64px;right:16%}.node-5{bottom:50px;left:28%}.node-6{top:242px;left:2%}@keyframes spin{to{transform:rotate(343deg)}}@keyframes spin2{to{transform:rotate(394deg)}}@keyframes spin3{to{transform:rotate(438deg)}}
.why{border-bottom:1px solid var(--line)}.why-wrap{display:grid;grid-template-columns:1.1fr 1.9fr;min-height:260px}.why-intro{padding:54px 54px 50px 0}.why-intro h2{font-size:clamp(34px,3.2vw,50px);line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:10px 0 15px}.why-intro p{font-size:16px;color:#6c675f;max-width:430px;line-height:1.9}.why-list{display:grid;grid-template-columns:repeat(3,1fr)}.why-item{border-left:1px solid var(--line);padding:50px 38px 44px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.why-item span{width:42px;height:42px;border:1px solid #c7bcae;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#71685d}.why-item b{display:block;font-size:20px;font-weight:500;color:#302c26;margin-bottom:5px}.why-item p{font-size:18px;line-height:1.7;margin:0;color:#5c564d}
.research{min-height:330px;background:radial-gradient(circle at 70% 50%,rgba(213,180,119,.10),transparent 33%),#0b0907}.research-inner{display:grid;grid-template-columns:31% 69%;align-items:center;min-height:330px}.research-copy{padding:58px 0}.research-copy h2{font-size:clamp(36px,3.2vw,52px);line-height:1.32;font-weight:400;margin:10px 0 14px;letter-spacing:-.025em}.research-copy h2 span{color:#d6b474}.research-copy p{font-size:15px;color:#9c9487;max-width:390px;line-height:1.9}.five-dim{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-left:36px;background:radial-gradient(circle at center,rgba(197,157,91,.08),transparent 58%)}.dim{text-align:center;min-height:205px;padding:24px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.07)}.dim-icon-img{width:58px;height:58px;object-fit:contain;margin:0 auto 16px;filter:drop-shadow(0 7px 14px rgba(216,185,121,.12))}.dim b{font-size:18px;color:#d6b775;margin-top:0;font-weight:500}.dim small{font-size:11px;color:#8e877b;line-height:1.75;margin-top:8px}
.assessment-grid{display:grid;grid-template-columns:28% 36% 36%;gap:0;min-height:350px;align-items:stretch}.assessment-title{padding:66px 42px 54px 0;display:flex;flex-direction:column;justify-content:center}.assessment-title h2{font-size:clamp(36px,3.2vw,50px);font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:10px 0 13px}.assessment-title p{font-size:15px;color:#716b62;max-width:280px;line-height:1.9}.assessment-card{margin:32px 9px;border-radius:10px;min-height:286px;padding:28px 30px;position:relative;overflow:hidden;color:#f6f1e8;box-shadow:0 18px 42px rgba(16,12,6,.14)}.primary-card{background:linear-gradient(125deg,#28231a,#15120e 60%,#211b12);border:1px solid rgba(213,180,119,.17)}.science-card{background:linear-gradient(125deg,#25221d,#14120f);border:1px solid rgba(213,180,119,.14)}.assessment-card h3{font-size:27px;font-weight:400;margin:10px 0 6px}.assessment-card p{font-size:14px;color:#c2baad;line-height:1.8}.card-kicker{font-size:11px;color:#d0b071;letter-spacing:.12em}.mini-bars{height:120px;display:flex;align-items:flex-end;gap:10px;position:absolute;right:34px;bottom:24px;z-index:1}.mini-bars i{width:16px;display:block;background:linear-gradient(to top,#806039,#e0c083);opacity:.88;box-shadow:0 0 15px rgba(213,176,107,.18)}.card-tags{display:flex;flex-wrap:wrap;gap:6px;max-width:250px;margin-top:24px;position:relative;z-index:2}.card-tags span{font-size:10px;border:1px solid rgba(255,255,255,.15);padding:5px 8px;color:#c8c0b4}.card-btn{position:absolute;left:30px;bottom:27px;background:#dcb976;color:#14110c;padding:10px 15px;font-size:12px;z-index:3;font-weight:600}.card-btn span{margin-left:8px}.science-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px}.science-card-head h3{margin:0;font-size:29px}.coming-label{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,6,4,.46);font-size:10px;color:#e1c486;letter-spacing:.10em}.science-visual{height:122px;margin-top:18px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(135deg,#211d17,#0c0a08)}.science-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) sepia(.35) contrast(1.08);opacity:.7}.science-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,9,6,.65),rgba(12,9,6,.08));display:flex;align-items:flex-end;padding:0 16px 13px}.science-overlay span{font-size:10px;letter-spacing:.18em;color:#e6cf9b}
.report-showcase{min-height:500px;overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(191,150,80,.10),transparent 27%),#0a0907}.report-grid{display:grid;grid-template-columns:41% 59%;min-height:500px;align-items:center}.report-copy{padding:70px 0}.report-copy h2{font-size:clamp(38px,3.4vw,54px);font-weight:400;line-height:1.3;margin:10px 0 14px}.report-copy p{font-size:15px;color:#999084;max-width:450px;line-height:1.9}.report-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 12px;margin-top:34px;max-width:480px}.report-features span{display:flex;align-items:center;gap:10px;color:#d6b779}.feature-icon{width:31px;height:31px;flex:0 0 31px}.report-features b{font-size:11px;font-weight:400;color:#a8a095;line-height:1.5}.phone-stack{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.report-phone{position:absolute;width:190px;height:370px;border:5px solid #201c15;border-radius:28px;background:linear-gradient(180deg,#191610,#0a0907);box-shadow:0 20px 55px rgba(0,0,0,.42);padding:26px 15px;color:#d8d2c8;text-align:center;overflow:hidden}.report-phone:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:55px;height:6px;border-radius:8px;background:#2d271d}.phone-main{z-index:3;transform:translateY(0);border-color:#3a3020}.phone-left{z-index:1;left:15%;transform:translateY(35px) rotate(-5deg) scale(.91);opacity:.94}.phone-right{z-index:1;right:12%;transform:translateY(38px) rotate(5deg) scale(.91);opacity:.94}.phone-top{font-size:8px;letter-spacing:1.4px;color:#8c8376}.report-title{font-size:20px;text-align:left;line-height:1.5;margin-top:45px}.tiny-chart{height:110px;margin:25px 0 13px;display:flex;align-items:flex-end;gap:6px}.tiny-chart i{width:18px;background:linear-gradient(to top,#876a3f,#d3b273);height:40%;border-radius:2px}.tiny-chart i:nth-child(2){height:56%}.tiny-chart i:nth-child(3){height:44%}.tiny-chart i:nth-child(4){height:75%}.tiny-chart i:nth-child(5){height:88%}.report-phone small{font-size:9px;color:#8f8980}.score-ring{width:140px;height:140px;border-radius:50%;margin:42px auto 9px;border:1px solid rgba(213,176,107,.45);box-shadow:inset 0 0 25px rgba(213,176,107,.08),0 0 25px rgba(213,176,107,.07);display:grid;place-items:center}.score-ring b{font-size:44px;color:#d9b777;font-weight:400}.score-ring small{font-size:8px;margin-top:-30px}.phone-main p{font-size:9px;color:#90999f}.radar{width:90px;height:72px;margin:18px auto 10px;position:relative}.radar:before,.radar:after{content:"";position:absolute;inset:0;border:1px solid rgba(214,180,113,.28);clip-path:polygon(50% 0,95% 33%,78% 100%,22% 100%,5% 33%)}.radar:after{inset:13px;border-color:rgba(214,180,113,.5);background:rgba(214,180,113,.06)}.side-line{display:flex;align-items:center;gap:8px;margin-top:23px;font-size:9px;color:#8d8780}.side-line i{height:4px;flex:1;background:linear-gradient(90deg,#b18d52 0 62%,#2a251c 62%)}.side-line b{font-weight:400}
.growth-map{min-height:330px}.growth-wrap{display:grid;grid-template-columns:37% 63%;align-items:center;min-height:330px}.growth-title{padding:55px 55px 55px 0}.growth-title h2{font-size:clamp(36px,3.1vw,50px);font-weight:500;line-height:1.32;margin:10px 0 12px}.growth-title p{font-size:14px;color:#7b746a;line-height:1.9;max-width:360px}.growth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}.growth-steps>div{min-height:135px;padding:25px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;align-content:center}.growth-icon{width:52px;height:52px;grid-row:1 / 3;display:grid;place-items:center;border:1px solid #c8baa6;background:#faf7f0}.growth-icon img{width:29px;height:29px}.growth-steps b{font-size:17px;font-weight:500;align-self:end}.growth-steps small{font-size:11px;color:#9a9186;align-self:start;margin-top:3px}
.pain-cta{background:#0b0907}.pain-grid{display:grid;grid-template-columns:48% 52%;min-height:500px}.pain-copy{padding:80px 70px 75px 0}.pain-copy h2{font-size:clamp(38px,3.4vw,54px);font-weight:400;line-height:1.3;margin:10px 0 24px}.pain-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.pain-list span{font-size:14px;color:#c2baae;line-height:1.7}.pain-image{position:relative;min-height:500px;overflow:hidden;background:#18140e}.city-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.84;filter:grayscale(.18) sepia(.26) contrast(1.08)}.city-glow{position:absolute;inset:0;background:linear-gradient(90deg,#0b0907 0%,rgba(11,9,7,.54) 35%,rgba(11,9,7,.08) 75%),linear-gradient(0deg,rgba(9,7,5,.35),transparent 55%);z-index:1}.pain-message{position:absolute;z-index:2;left:52px;top:50%;transform:translateY(-50%);max-width:390px}.pain-message p{font-size:18px;color:#eee6d8;line-height:1.9}.pain-message .gold-btn{margin-top:12px}.photo-fallback{background:radial-gradient(circle at 65% 35%,rgba(221,186,118,.30),transparent 12%),linear-gradient(135deg,#2a2419,#0c0a08 55%,#1c1710)}.photo-fallback:before{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(145deg,transparent 44%,rgba(213,180,119,.30) 45% 47%,transparent 48%),linear-gradient(35deg,transparent 54%,rgba(213,180,119,.18) 55% 57%,transparent 58%),linear-gradient(160deg,transparent 60%,rgba(213,180,119,.20) 61% 63%,transparent 64%)}
.about{min-height:330px}.about-grid{display:grid;grid-template-columns:47% 53%;min-height:330px;align-items:center}.about-copy{padding:62px 65px 62px 0}.about-copy h2{font-size:clamp(36px,3vw,48px);font-weight:500;margin:10px 0 13px}.about-copy p{font-size:14px;color:#6f695f;max-width:610px;line-height:1.9;margin-bottom:8px}.about-values{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.about-values>div{text-align:center;padding:25px 10px;min-height:180px;border-left:1px solid var(--line)}.value-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 12px}.value-icon img{width:100%;height:100%}.about-values b{display:block;font-size:16px;margin-top:4px;font-weight:500}.about-values small{font-size:10px;color:#7f7970;line-height:1.75;display:block;margin-top:7px}
.expertise{padding:76px 0 70px;background:radial-gradient(circle at 70% 40%,rgba(201,168,106,.08),transparent 25%),#0b0907}.expertise-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:32px}.expertise-head h2{font-size:clamp(38px,3.2vw,52px);font-weight:400;line-height:1.32;margin:10px 0 0}.expertise-head h2 span{color:#d5b477}.expertise-head p{font-size:14px;color:#928a7d;max-width:430px;justify-self:end;line-height:1.9}.expertise-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.expertise-cards article{border:1px solid rgba(255,255,255,.12);background:#15120e;border-radius:8px;overflow:hidden;min-height:300px}.expertise-cards .art{height:185px;position:relative;overflow:hidden;background:#17130e}.expertise-cards .art img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) sepia(.42) contrast(1.08);opacity:.82;transition:transform .45s,filter .45s}.expertise-cards article:hover .art img{transform:scale(1.05);filter:grayscale(.25) sepia(.28) contrast(1.08)}.expertise-cards .art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,4,0) 40%,rgba(7,6,4,.72) 100%)}.expertise-cards article>b{display:block;padding:14px 16px 4px;color:#d8b977;font-size:16px;font-weight:500}.expertise-cards article>small{display:block;padding:0 16px 18px;color:#999186;font-size:11px;line-height:1.8}
.final-cta{padding:74px 0 78px;text-align:center;border-top:1px solid rgba(213,180,119,.10)}.final-inner h2{font-size:clamp(40px,3.5vw,56px);font-weight:400;line-height:1.3;margin:10px 0 8px}.final-inner p{font-size:16px;color:#9b9387;margin-bottom:26px}.final-inner .hero-actions{justify-content:center}.privacy-notice{border-top:1px solid var(--line)}.privacy-inner{padding:28px 0;text-align:center}.privacy-inner strong{display:block;font-size:16px;line-height:1.9;color:#8a1f15;font-weight:900}.privacy-inner span{display:block;margin-top:6px;font-size:12px;color:#756e64}
.site-footer{background:#0a0907;color:#b9b0a1;padding:48px 0 22px;border-top:1px solid rgba(213,180,119,.12)}.footer-grid{display:grid;grid-template-columns:1.1fr 1.8fr .6fr;gap:50px;align-items:start}.footer-brand img{width:180px}.footer-brand p{font-size:11px;line-height:1.8;color:#847c70;margin-top:15px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links b{font-size:12px;color:#d5c4a4;margin-bottom:4px}.footer-links a{font-size:10px;color:#81796e}.footer-links a:hover{color:#d6b779}.footer-contact{text-align:center}.footer-contact img{width:90px;height:90px;object-fit:cover;margin:0 auto 10px}.footer-contact span{font-size:10px;color:#81796e;line-height:1.7}.copyright{border-top:1px solid rgba(255,255,255,.07);margin-top:38px;padding-top:18px;font-size:9px;color:#625c54;text-align:center}.mobile-fixed-cta{display:none}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,rgba(201,168,106,.13),transparent 35%),linear-gradient(135deg,#090806,#15120d);padding:25px}.login-card{width:min(580px,100%);background:#f7f4ed;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:42px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.login-card>a{color:#8f7650;font-size:12px}.login-card h1{color:#11100d;font-weight:500;font-size:32px;line-height:1.3;margin:16px 0}.login-card p{color:#6d675e;font-size:14px;line-height:1.8}.login-card label,.admin label{display:block;font-size:13px;font-weight:800;margin:14px 0}.login-card input,.admin input{display:block;width:100%;padding:14px;margin-top:6px;border:1px solid #d8d3ca;border-radius:4px;background:#fff;font-size:15px}.check{display:flex!important;gap:8px;align-items:flex-start;font-weight:400!important}.check input{width:auto;margin:4px 0}.login-card .btn{display:inline-flex;border:0;background:var(--gold);color:#111a23;padding:14px 25px;border-radius:2px;font-weight:800;cursor:pointer;font-size:14px}.test-access{background:#fff;border:1px solid #ddd6cb;border-radius:6px;padding:19px;margin-top:18px}.test-access h3{margin:0;color:#111d29;font-size:20px}.access-note{padding:12px 13px;border-radius:4px;background:#fff1e8;color:#7d1d14;font-size:14px;line-height:1.75;font-weight:900}.privacy-highlight{margin-top:14px;padding:16px;border:1px solid #d5a28f;background:#fff3ed;color:#7d1d14;font-weight:900;font-size:14px;line-height:1.9}.brand.center{justify-content:center;margin:24px 0}.brand-logo{display:block;width:145px;height:auto}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy b{color:var(--ink);font-size:17px}.brand-copy small{font-size:9px;letter-spacing:1.8px;color:#8b9399}.login-card hr{border:0;border-top:1px solid #e0dbd1;margin:22px 0}.policy{max-width:850px;margin:auto;padding:60px 25px}.policy h1,.policy h2{color:var(--ink)}.policy p{color:#596574}.admin{max-width:1200px;margin:auto;padding:30px}.admin header{position:static;padding:0;border:0;background:none}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin:18px 0}.block{display:block;text-align:center;margin-top:10px}.muted{color:#667085;font-size:12px;line-height:1.7}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:9px;border-bottom:1px solid #edf0f2;text-align:left;white-space:nowrap}
@media(max-width:1100px){.site-header{padding:0 24px}.site-brand{width:165px;flex-basis:165px}.site-nav{gap:25px;margin-right:28px}.site-nav a{font-size:12px}.hero2-inner{grid-template-columns:46% 54%}.hero-copy h1{font-size:68px}.hero-sub{font-size:16px}.hero-visual{transform:scale(.88);transform-origin:center}.why-wrap{grid-template-columns:1fr 1.8fr}.why-item{padding:42px 25px}.why-item b{font-size:17px}.why-item p{font-size:15px}.research-inner{grid-template-columns:34% 66%}.five-dim{padding-left:15px}.dim b{font-size:15px}.dim small{font-size:10px}.assessment-grid{grid-template-columns:27% 36.5% 36.5%}.assessment-card{padding:24px}.report-grid{grid-template-columns:43% 57%}.phone-left{left:7%}.phone-right{right:5%}.growth-wrap{grid-template-columns:34% 66%}.growth-title{padding-right:35px}.growth-steps>div{padding:22px 17px}.pain-copy{padding-right:45px}.pain-message{left:40px}.about-grid{grid-template-columns:44% 56%}.about-values>div{padding:22px 6px}.expertise-cards{gap:10px}.expertise-cards .art{height:160px}.footer-grid{grid-template-columns:1fr 1.6fr .55fr}}
@media(max-width:900px){.site-header{height:70px}.site-brand{width:145px;flex-basis:145px}.site-nav{gap:18px;margin-right:18px}.site-nav a:nth-child(n+4){display:none}.hero2-inner{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:58px 0 20px}.hero-copy h1{font-size:64px}.hero-visual{height:460px;transform:none}.why-wrap{grid-template-columns:1fr}.why-intro{padding:50px 0 30px}.why-list{grid-template-columns:repeat(3,1fr)}.research-inner{grid-template-columns:1fr}.research-copy{padding:52px 0 25px}.five-dim{grid-template-columns:repeat(5,1fr);padding:0 0 45px}.assessment-grid{grid-template-columns:1fr 1fr}.assessment-title{grid-column:1/-1;padding:45px 0 10px}.report-grid{grid-template-columns:1fr}.report-copy{padding:58px 0 0}.phone-stack{height:410px}.growth-wrap{grid-template-columns:1fr}.growth-title{padding:50px 0 25px}.growth-steps{margin-bottom:50px}.pain-grid{grid-template-columns:1fr}.pain-copy{padding:55px 0 38px}.pain-image{min-height:360px}.about-grid{grid-template-columns:1fr}.about-copy{padding:52px 0 30px}.about-values{padding-bottom:45px}.expertise-head{grid-template-columns:1fr}.expertise-head p{justify-self:start;margin-top:10px}.expertise-cards{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1.6fr .7fr}}
@media(max-width:640px){body{padding-bottom:58px}.shell,.shell-wide{width:calc(100% - 34px)}.site-header{height:62px;padding:0 16px}.site-brand{width:112px;flex-basis:112px}.site-nav{display:none}.nav-cta{font-size:12px;padding:9px 13px;min-width:95px}.hero2-inner{min-height:auto}.hero-copy{padding:46px 0 16px}.hero-copy h1{font-size:48px;line-height:1.12;letter-spacing:-.04em}.hero-sub{font-size:15px;line-height:1.85}.hero2{padding-bottom:15px}.hero-visual{height:350px}.orbit-a{width:340px;height:140px}.orbit-b{width:280px;height:200px}.orbit-c{width:220px;height:330px}.glow-core{width:100px;height:100px}.glow-core b{font-size:10px}.glow-core em{font-size:7px}.orbit-node{font-size:11px}.orbit-node i{width:34px;height:34px}.orbit-node i img{width:20px;height:20px}.orbit-node b{font-size:11px}.orbit-node small{font-size:8px}.node-1{top:20px;left:30%}.node-2{top:40px;right:5%}.node-3{right:-3%;top:140px}.node-4{right:6%;bottom:25px}.node-5{left:23%;bottom:8px}.node-6{left:-1%;top:155px}.why-intro{padding:38px 0 22px}.why-intro h2,.research-copy h2,.assessment-title h2,.report-copy h2,.growth-title h2,.pain-copy h2,.about-copy h2,.expertise-head h2,.final-inner h2{font-size:31px}.why-intro p,.research-copy p,.assessment-title p,.report-copy>p,.about-copy p,.expertise-head>p{font-size:14px}.why-list{grid-template-columns:1fr}.why-item{border-left:0;border-top:1px solid var(--line);min-height:120px;padding:22px 0}.why-item b{font-size:17px}.why-item p{font-size:16px}.five-dim{grid-template-columns:repeat(5,190px);overflow-x:auto;gap:0;padding-top:10px}.dim{border-left:0;padding:18px}.dim b{font-size:16px}.dim small{font-size:12px}.assessment-grid{grid-template-columns:1fr}.assessment-title{padding:40px 0 12px}.assessment-card{margin:8px 0 14px;min-height:285px}.assessment-card h3{font-size:25px}.science-card-head{align-items:flex-start}.science-visual{height:135px}.report-copy h2{font-size:29px}.report-features{grid-template-columns:repeat(2,1fr)}.phone-left{left:0}.phone-right{right:0}.phone-main{width:170px}.phone-stack{height:360px}.growth-steps{grid-template-columns:1fr 1fr}.growth-steps>div{min-height:122px;padding:20px 16px;grid-template-columns:44px 1fr}.growth-icon{width:44px;height:44px}.growth-icon img{width:25px;height:25px}.growth-steps b{font-size:14px}.growth-steps small{font-size:10px}.pain-list{grid-template-columns:1fr}.pain-copy{padding:42px 0 28px}.pain-list span{font-size:14px}.pain-image{min-height:330px}.pain-message{left:25px;right:20px;max-width:none}.pain-message p{font-size:15px}.about-values{grid-template-columns:repeat(5,170px);overflow-x:auto;justify-content:start}.expertise-cards{grid-template-columns:repeat(2,1fr)}.expertise-cards article:last-child{grid-column:1/-1}.expertise-cards .art{height:125px}.expertise-cards article>b{font-size:14px}.expertise-cards article>small{font-size:11px}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}.footer-contact{text-align:left;display:flex;align-items:center;gap:10px}.footer-contact img{margin:0;width:62px;height:62px}.mobile-fixed-cta{display:block;position:fixed;left:0;right:0;bottom:0;padding:8px 14px;background:rgba(9,8,6,.97);border-top:1px solid rgba(213,180,119,.16);z-index:80}.mobile-fixed-cta a{display:flex;height:42px;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2c38b,#c19d5d);color:#11100c;font-size:12px;font-weight:900}.privacy-inner{text-align:left}.privacy-inner strong{font-size:13px}.login{padding:12px}.login-card{padding:28px 20px}.brand-logo{width:128px}.brand-copy b{font-size:16px}.login-card h1{font-size:28px}.login-card p{font-size:14px}}

/* 2.3 visual asset hardening */
.dim-icon-img,.feature-icon,.growth-icon img,.value-icon img{object-fit:contain;display:block;}
.expertise-cards .art img,.city-photo,.science-visual img{display:block;}
.expertise-cards .art{background:#11100d;}
@media (min-width:1200px){.shell{max-width:1420px}.research-inner{grid-template-columns:34% 66%}.five-dim{gap:0}.dim{padding-left:18px;padding-right:18px}.dim b{font-size:19px}.dim small{font-size:12px}.assessment-grid{grid-template-columns:30% 35% 35%}.assessment-card{min-height:310px}.expertise-cards .art{height:205px}.expertise-cards article{min-height:330px}.expertise-cards article>b{font-size:18px}.expertise-cards article>small{font-size:12px}}

/* ================= 2.4 Power International deep-navy refinement ================= */
:root{--black:#07111d;--black2:#0a1725;--black3:#0e1c2b;--gold:#d7b879;--gold2:#ecd39a;--gold3:#a7864f;--paper:#f5f2eb;--ink:#1a2028;--muted:#68717b;--line:#dcd8cf;--white:#f6f1e6}
body{font-size:16px}
.section-dark{background:var(--black)}
.site-header{background:rgba(7,17,29,.96);border-bottom-color:rgba(215,184,121,.16)}
.hero2{background:radial-gradient(circle at 72% 50%,rgba(215,184,121,.13),transparent 23%),linear-gradient(110deg,#06101b 0%,#0a1725 54%,#0e1c2b 100%)}
.hero2:before{opacity:.11}
.research{background:radial-gradient(circle at 70% 50%,rgba(215,184,121,.11),transparent 33%),#081523}
.pain-cta{background:#07111d}
.expertise{background:radial-gradient(circle at 70% 40%,rgba(215,184,121,.09),transparent 25%),#081523}
.site-footer{background:#06101a}

/* Desktop typography: larger, calmer and more editorial */
@media (min-width:901px){
  .why-wrap{display:block;padding:58px 0 62px}
  .why-intro{padding:0 0 34px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:70px;align-items:end}
  .why-intro h2{font-size:44px;line-height:1.25;margin:0;white-space:nowrap}
  .why-intro p{font-size:16px;max-width:none;line-height:1.9;margin:0}
  .why-intro .text-link{grid-column:2;margin-top:12px;width:max-content}
  .why-list{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .why-item{min-height:170px;padding:30px 36px 32px;border-left:1px solid var(--line);display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto 1fr;column-gap:22px;align-items:start}
  .why-item:first-child{border-left:0}
  .why-item span{grid-row:1/3}
  .why-item b{font-size:20px}
  .why-item p{font-size:17px}

  .research-inner{display:block;padding:58px 0 64px;min-height:0}
  .research-copy{padding:0 0 36px;display:flex;align-items:end;gap:60px}
  .research-copy h2{font-size:46px;line-height:1.25;margin:0;white-space:nowrap}
  .research-copy p{font-size:16px;max-width:430px;margin:0 0 2px}
  .research-copy .text-link{display:none}
  .five-dim{padding:0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);grid-template-columns:repeat(5,1fr);gap:0}
  .dim{min-height:220px;padding:30px 24px;border-left:1px solid rgba(255,255,255,.09)}
  .dim:first-child{border-left:0}
  .dim-icon-img{width:60px;height:60px;margin-bottom:18px}
  .dim b{font-size:19px}
  .dim small{font-size:13px;line-height:1.75}

  .assessment-grid{grid-template-columns:1fr 1fr;min-height:390px;position:relative;padding:66px 0 68px}
  .assessment-title{grid-column:1/-1;padding:0 0 28px;display:block}
  .assessment-title h2{font-size:44px;white-space:nowrap;margin:0 0 10px}
  .assessment-title p{font-size:16px;max-width:none;margin:0}
  .assessment-title .text-link{display:none}
  .assessment-card{margin:0 0 0 18px;min-height:300px}
  .assessment-card.primary-card{margin-left:0;margin-right:9px}
  .assessment-card h3{font-size:30px}
  .science-card-head h3{font-size:31px}
  .science-card-head{align-items:center}

  .report-grid{padding:72px 0;grid-template-columns:45% 55%}
  .report-copy h2{font-size:44px;white-space:nowrap}
  .report-copy>p{font-size:16px;max-width:600px}

  .growth-wrap{display:block;padding:62px 0 70px;min-height:0}
  .growth-title{padding:0 0 34px;text-align:left}
  .growth-title .eyebrow{display:none}
  .growth-title h2{font-size:44px;white-space:nowrap;margin:0 0 12px}
  .growth-title p{font-size:16px;max-width:none;margin:0}
  .growth-steps{grid-template-columns:repeat(6,1fr);border:1px solid var(--line);margin:0}
  .growth-steps>div{min-height:150px;padding:25px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line);border-bottom:0;gap:9px}
  .growth-steps>div:last-child{border-right:0}
  .growth-icon{width:58px;height:58px;border-color:#cbbfae}
  .growth-icon img{width:31px;height:31px}
  .growth-steps b{font-size:17px}
  .growth-steps small{font-size:11px}

  .pain-grid{grid-template-columns:46% 54%;min-height:520px}
  .pain-copy{padding:84px 70px 80px 0}
  .pain-copy h2{font-size:45px;white-space:nowrap}
  .pain-list span{font-size:15px}
  .pain-image{min-height:520px}

  .expertise{padding:70px 0 78px}
  .expertise-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}
  .expertise-head h2{font-size:44px;white-space:nowrap}
  .expertise-head p{font-size:16px;max-width:520px}
  .expertise-cards{gap:12px}
  .expertise-cards article{min-height:350px}
  .expertise-cards .art{height:205px}
  .expertise-cards article>b{font-size:18px;padding-top:17px}
  .expertise-cards article>small{font-size:13px}

  .site-footer{padding-top:54px}
  .footer-contact{text-align:left}
  .footer-contact img{margin-left:0}
  .footer-contact span{font-size:11px}
}

/* supplied photography */
.city-photo{content:url('/static/assets/visuals/city-night.png')}
.expertise-cards .art img{filter:brightness(.76) saturate(.82) contrast(1.08);}
.science-visual img{filter:brightness(.72) saturate(.72) contrast(1.08)}

/* clean, simple login with supplied building photograph */
.login{position:relative;min-height:100vh;padding:34px;background:#06111e url('/static/assets/visuals/login-bg.png') center/cover no-repeat fixed;display:grid;place-items:center;overflow:auto}
.login:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,12,22,.72),rgba(3,12,22,.46)),linear-gradient(0deg,rgba(3,10,18,.68),rgba(3,10,18,.18));z-index:0}
.login-card{position:relative;z-index:1;width:min(480px,100%);background:rgba(5,16,28,.76);border:1px solid rgba(215,184,121,.23);border-radius:12px;padding:34px 38px 30px;box-shadow:0 28px 90px rgba(0,0,0,.42);backdrop-filter:blur(12px);color:#f4eee2}
.login-back{position:absolute;left:24px;top:22px;color:#d8c69f;font-size:12px;opacity:.85}
.login-card .brand.center{margin:26px 0 14px}
.login-card .brand-logo{width:178px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.login-intro{text-align:center;margin-bottom:26px}
.login-eyebrow{font:600 10px/1 Arial,sans-serif;letter-spacing:.22em;color:#c8aa72;margin-bottom:11px}
.login-card h1{color:#f6efe2;font-size:30px;margin:0 0 7px;font-weight:500;letter-spacing:.02em}
.login-intro p{color:#a9b2bb;font-size:13px;margin:0}
.login-card label{color:#d8d0c2;font-size:13px;font-weight:500;margin:17px 0}
.login-card input{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18);padding:14px 15px;border-radius:5px;font-size:15px;outline:none}
.login-card input::placeholder{color:#8c969f}
.login-card input:focus{border-color:#caa866;box-shadow:0 0 0 3px rgba(202,168,102,.10)}
.login-card .check{font-size:12px;color:#9ca6af;line-height:1.7}
.login-card .check input{accent-color:#c9a867}
.login-card .check a{color:#d4b777}
.login-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:24px}
.login-card .purchase-btn,.login-card .btn{height:48px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer}
.login-card .purchase-btn{border:1px solid rgba(215,184,121,.35);background:rgba(255,255,255,.03);color:#e0cfaa}
.login-card .btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(135deg,#ecd39a,#c29b59);color:#101822;padding:0}
.login-card .btn span{margin-left:9px}
#msg{min-height:20px;margin-top:12px;text-align:center;font-size:12px;color:#dfb0a5}
.login-special{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);text-align:left}
.login-special strong{display:block;color:#e5c481;font-size:13px;margin-bottom:7px}
.login-special p{color:#c5cbd0;font-size:12px;line-height:1.8;margin:0}
@media(max-width:640px){
 .login{padding:18px 14px;background-position:center center;background-attachment:scroll}
 .login-card{padding:30px 22px 22px;border-radius:10px}
 .login-back{left:18px;top:16px}
 .login-card .brand.center{margin:24px 0 12px}
 .login-card .brand-logo{width:150px}
 .login-card h1{font-size:27px}
 .login-actions{grid-template-columns:1fr 1.25fr}
 .login-special{margin-top:20px}
}


/* ===== 2.5 precision layout refinement ===== */
@media (min-width:901px){
  .why-wrap{display:block;padding:64px 0 66px}
  .why-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:72px;align-items:end;padding:0 0 38px}
  .why-intro h2{font-size:48px;line-height:1.28;letter-spacing:-.035em;white-space:normal;margin:0;max-width:600px}
  .why-intro p{font-size:16px;line-height:1.9;max-width:500px;margin:0 0 2px}
  .why-intro .text-link{grid-column:2;margin-top:8px;width:max-content}
  .why-list{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .why-item{min-height:188px;padding:34px 38px 34px;grid-template-columns:52px 1fr;column-gap:24px}
  .why-item b{font-size:21px}
  .why-item p{font-size:17px}

  .research-inner{padding:64px 0 70px}
  .research-copy{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:70px;align-items:end;padding:0 0 40px}
  .research-copy h2{font-size:46px;line-height:1.28;white-space:normal;margin:0;max-width:680px}
  .research-copy p{font-size:16px;max-width:360px;margin:0 0 3px}

  .growth-wrap{padding:64px 0 72px}
  .growth-title{padding:0 0 34px}
  .growth-title h2{font-size:46px;white-space:nowrap;margin:0 0 12px}
  .growth-title p{font-size:16px;max-width:700px}
  .growth-steps{position:relative;display:grid;grid-template-columns:repeat(6,1fr);border:0;gap:0;padding:26px 0 0;overflow:visible}
  .growth-steps:before{content:"";position:absolute;left:7%;right:7%;top:54px;height:1px;background:linear-gradient(90deg,#c9bda9,#9f8c6b 45%,#c9bda9);opacity:.7}
  .growth-steps>div{position:relative;min-height:150px;padding:0 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border:0;gap:8px;background:transparent}
  .growth-steps>div:after{content:"→";position:absolute;right:-7px;top:38px;color:#b39b72;font-size:19px;font-weight:400;z-index:2}
  .growth-steps>div:last-child:after{display:none}
  .growth-icon{position:relative;z-index:3;width:56px;height:56px;background:var(--paper);border:1px solid #c9bca9;box-shadow:0 0 0 7px var(--paper)}
  .growth-icon img{width:29px;height:29px}
  .growth-steps b{font-size:17px;margin-top:8px}
  .growth-steps small{font-size:11px;color:#958c80}

  .pain-grid{grid-template-columns:46% 54%;min-height:560px}
  .pain-copy{padding:92px 72px 88px 0}
  .pain-copy h2{font-size:47px;white-space:normal;max-width:520px}
  .pain-list{gap:18px 34px;margin-top:28px}
  .pain-list span{font-size:15px;line-height:1.8;padding:15px 0 15px 20px;border-left:1px solid rgba(213,180,119,.28);border-bottom:1px solid rgba(255,255,255,.07)}
  .pain-image{min-height:560px}
  .pain-image:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0b1018 0%,rgba(11,16,24,.78) 9%,rgba(11,16,24,.30) 28%,rgba(11,16,24,.04) 60%,rgba(11,16,24,.24) 100%),linear-gradient(180deg,rgba(6,14,24,.04),rgba(6,14,24,.40));pointer-events:none}
  .city-photo{opacity:.92;filter:grayscale(.08) sepia(.18) contrast(1.08);object-position:center center;transform:scale(1.035)}
  .pain-message{z-index:3}

  .expertise-head h2{white-space:normal;max-width:560px}
  .expertise-head p{max-width:520px}
}

/* mobile: breathe, stack, never overlap */
@media (max-width:900px){
  .why-intro h2,.research-copy h2,.assessment-title h2,.report-copy h2,.growth-title h2,.pain-copy h2,.about-copy h2,.expertise-head h2,.final-inner h2{white-space:normal}
  .research-copy h2{line-height:1.35}
  .growth-steps{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:6px 0 56px;border:0;padding:10px 0 0}
  .growth-steps:before{content:"";position:absolute;left:50%;top:38px;bottom:38px;width:1px;background:var(--line);transform:translateX(-50%)}
  .growth-steps>div{position:relative;min-height:158px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border:0;gap:8px;background:transparent}
  .growth-steps>div:after{content:"↓";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);color:#b39b72;font-size:17px;z-index:2}
  .growth-steps>div:nth-child(2n):after{content:""}
  .growth-steps>div:last-child:after{display:none}
  .growth-icon{width:50px;height:50px;flex:0 0 50px;background:var(--paper);box-shadow:0 0 0 6px var(--paper);z-index:3}
  .growth-icon img{width:27px;height:27px}
  .growth-steps b{font-size:15px;margin-top:5px}
  .growth-steps small{font-size:10px}

  .pain-list{gap:0}
  .pain-list span{padding:13px 0 13px 15px;border-left:1px solid rgba(213,180,119,.28);border-bottom:1px solid rgba(255,255,255,.07);font-size:14px;line-height:1.75}
  .pain-image{min-height:360px}
  .pain-image:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,14,24,.60),rgba(6,14,24,.12)),linear-gradient(180deg,rgba(6,14,24,.05),rgba(6,14,24,.45));pointer-events:none}
  .pain-message{z-index:3}
}

/* login: supplied building image lives inside the card, not as the whole-page background */
.login{background:#06111e;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px;overflow:auto}
.login:before{position:fixed;inset:0;background:radial-gradient(circle at 50% 15%,rgba(72,103,133,.18),transparent 38%),linear-gradient(180deg,#06111e,#081827 72%,#06111e);z-index:0}
.login-card{width:min(500px,100%);padding:0 34px 30px;background:rgba(6,17,29,.94);border:1px solid rgba(215,184,121,.22);border-radius:12px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.48);backdrop-filter:blur(10px)}
.login-back{position:relative;left:auto;top:auto;display:block;padding:18px 0 4px;color:#d8c69f;font-size:12px;opacity:.85}
.login-visual{height:210px;margin:0 -34px 28px;position:relative;overflow:hidden;background:#0a1725 url('/static/assets/visuals/login-bg.png') center/cover no-repeat}
.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,22,.20),rgba(3,12,22,.66));}
.login-logo-wrap{position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding:30px}
.login-card .brand-logo{width:205px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}
.login-card label{margin:18px 0}
.login-card input{padding:15px 16px;font-size:15px;height:50px}
.login-actions{margin-top:26px}
.login-special{margin-top:28px;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.10)}
.login-special strong{font-size:13px}
.login-special p{font-size:12px;line-height:1.9}
@media(max-width:640px){
  .login{padding:18px 14px;align-items:center}
  .login-card{width:min(420px,100%);padding:0 22px 24px;border-radius:10px}
  .login-back{padding:14px 0 4px}
  .login-visual{height:170px;margin:0 -22px 24px}
  .login-card .brand-logo{width:160px}
  .login-card label{margin:16px 0}
  .login-card input{height:48px}
  .login-actions{gap:10px;margin-top:22px}
  .login-card .purchase-btn,.login-card .btn{height:46px;font-size:13px}
  .login-special{margin-top:24px}
}
@media(max-width:380px){
  .login-card{padding-left:18px;padding-right:18px}
  .login-visual{margin-left:-18px;margin-right:-18px;height:150px}
  .login-card .brand-logo{width:142px}
  .login-actions{grid-template-columns:1fr 1.15fr}
}

/* ===== 2.6 precision correction from review screenshots ===== */
@media (min-width:901px){
  /* WHY WE DO: English above the Chinese title on the left; copy on the right */
  .why-wrap{display:block;width:min(1320px,calc(100% - 96px));padding:68px 0 70px}
  .why-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);grid-template-areas:"eyebrow copy" "title copy" "title link";column-gap:96px;row-gap:8px;align-items:end;padding:0 0 42px}
  .why-intro .eyebrow{grid-area:eyebrow;align-self:end;margin:0}
  .why-intro h2{grid-area:title;font-size:52px;line-height:1.18;letter-spacing:-.045em;white-space:normal;margin:0;max-width:650px}
  .why-intro p{grid-area:copy;font-size:16px;line-height:1.95;max-width:470px;margin:0;align-self:end;color:#686158}
  .why-intro .text-link{grid-area:link;margin:0 0 2px;width:max-content}
  .why-list{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .why-item{min-height:178px;padding:32px 38px;grid-template-columns:48px 1fr;grid-template-rows:auto 1fr;column-gap:22px}
  .why-item:first-child{border-left:0}
  .why-item span{grid-row:1/3}
  .why-item b{font-size:21px}
  .why-item p{font-size:16px;margin-top:5px}

  /* Research: English above, main statement on the right, explanatory line below it */
  .research-inner{display:block;padding:66px 0 72px}
  .research-copy{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);grid-template-areas:"eyebrow title" ". body";column-gap:76px;row-gap:10px;align-items:end;padding:0 0 38px}
  .research-copy .eyebrow{grid-area:eyebrow;align-self:end;margin:0 0 5px}
  .research-copy h2{grid-area:title;font-size:49px;line-height:1.18;letter-spacing:-.045em;white-space:normal;max-width:760px;margin:0}
  .research-copy p{grid-area:body;font-size:16px;line-height:1.9;max-width:640px;margin:0;color:#9ba4ad}
  .research-copy .text-link{display:none}

  /* Growth map: strong stage hierarchy and a clear left-to-right progression */
  .growth-wrap{display:block;padding:70px 0 78px}
  .growth-title{padding:0 0 34px;text-align:left}
  .growth-title h2{font-size:46px;line-height:1.25;white-space:nowrap;margin:0 0 12px}
  .growth-title p{font-size:16px;max-width:720px;margin:0}
  .growth-steps{position:relative;display:grid;grid-template-columns:repeat(6,1fr);border:0;padding:16px 0 0;margin:0;overflow:visible}
  .growth-steps:before{content:"";position:absolute;left:7%;right:7%;top:82px;height:1px;background:linear-gradient(90deg,rgba(199,183,154,.65),rgba(159,132,88,.9),rgba(199,183,154,.65));z-index:0}
  .growth-steps>div{position:relative;min-height:190px;padding:0 12px;display:grid;grid-template-rows:28px 68px auto;align-items:center;justify-items:center;text-align:center;border:0;gap:0;background:transparent}
  .growth-steps>div:after{content:"→";position:absolute;right:-8px;top:70px;color:#b89b68;font-size:20px;line-height:1;z-index:4}
  .growth-steps>div:last-child:after{display:none}
  .growth-steps small{order:1;font-size:11px;letter-spacing:.08em;color:#9b9184;align-self:center}
  .growth-icon{order:2;position:relative;width:58px;height:58px;background:var(--paper);border:1px solid #c9bca9;box-shadow:0 0 0 8px var(--paper);z-index:3}
  .growth-icon img{width:30px;height:30px}
  .growth-steps b{order:3;font-size:18px;font-weight:500;margin-top:12px;line-height:1.4}

  /* Wealth status: make the city image truly edge-to-edge on the right with a feathered join */
  .pain-grid{grid-template-columns:minmax(0,46%) minmax(0,54%);width:100%;max-width:none;min-height:590px}
  .pain-copy{padding:92px max(56px,calc((100vw - 1320px)/2)) 92px max(48px,calc((100vw - 1320px)/2));}
  .pain-image{min-height:590px;width:100%;}
  .city-photo{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.10);opacity:.96;filter:grayscale(.04) sepia(.12) contrast(1.10) brightness(.92)}
  .pain-image:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#07111d 0%,rgba(7,17,29,.78) 5%,rgba(7,17,29,.30) 18%,rgba(7,17,29,.04) 40%,rgba(7,17,29,.12) 100%),linear-gradient(180deg,rgba(7,17,29,.05),rgba(7,17,29,.45));pointer-events:none}
  .pain-list{gap:0 38px;margin-top:30px}
  .pain-list span{padding:14px 0 14px 18px;border-left:1px solid rgba(213,180,119,.38);border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;line-height:1.8}
  .pain-message{z-index:3;left:52px;max-width:430px}

  /* Login: taller, narrower editorial card with only the centered logo in the visual */
  .login{min-height:100vh;padding:32px 24px;background:#06111e;}
  .login:before{background:linear-gradient(90deg,rgba(3,12,22,.56),rgba(3,12,22,.30)),linear-gradient(180deg,rgba(3,10,18,.30),rgba(3,10,18,.62));}
  .login-card{width:min(560px,calc(100vw - 48px));min-height:760px;padding:0 54px 44px;border-radius:14px;background:rgba(5,16,28,.82);border:1px solid rgba(215,184,121,.26);box-shadow:0 32px 110px rgba(0,0,0,.50);}
  .login-back{padding:22px 0 0;font-size:12px}
  .login-visual{height:250px;margin:0 -54px 52px;background-position:center 42%;}
  .login-visual:after{background:linear-gradient(180deg,rgba(3,12,22,.10),rgba(3,12,22,.70));}
  .login-logo-wrap{padding:40px}
  .login-card .brand-logo{width:230px}
  .account-field{display:block;margin:0 0 22px!important}
  .account-field input{height:56px;font-size:16px}
  .login-card .check{margin:0 0 30px!important}
  .login-actions{margin-top:0}
  .login-card .purchase-btn,.login-card .btn{height:54px}
  .login-special{margin-top:48px;padding-top:22px}
}

@media (max-width:900px){
  /* Mobile: generous breathing room and no overlap */
  .why-wrap{padding:54px 0 58px}
  .why-intro{display:grid;grid-template-columns:1fr;gap:10px;padding:0 0 30px}
  .why-intro .eyebrow{order:1}
  .why-intro h2{order:2;font-size:36px;line-height:1.32;margin:0}
  .why-intro p{order:3;font-size:14px;line-height:1.9;margin:2px 0 0}
  .why-intro .text-link{order:4;margin-top:4px}
  .why-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .why-item{min-height:128px;padding:24px 18px;display:grid;grid-template-columns:44px 1fr;column-gap:16px}

  .research-inner{padding:54px 0 58px}
  .research-copy{display:grid;grid-template-columns:1fr;gap:10px;padding:0 0 28px}
  .research-copy h2{font-size:36px;line-height:1.34;margin:0;white-space:normal}
  .research-copy p{font-size:14px;line-height:1.9;margin:0}
  .five-dim{grid-template-columns:repeat(5,170px);overflow-x:auto;padding:0}
  .dim{min-height:190px;padding:24px 14px}

  .growth-wrap{padding:56px 0 64px}
  .growth-title{padding-bottom:26px}
  .growth-title h2{font-size:34px;line-height:1.32;white-space:normal}
  .growth-title p{font-size:14px;line-height:1.85}
  .growth-steps{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:12px 0 0;border:0}
  .growth-steps:before{content:"";position:absolute;left:50%;top:76px;bottom:74px;width:1px;height:auto;background:var(--line);transform:translateX(-50%)}
  .growth-steps>div{min-height:180px;padding:0 10px;display:grid;grid-template-rows:28px 58px auto;justify-items:center;align-items:center;border:0}
  .growth-steps>div:after{content:"↓";right:auto;top:auto;bottom:-2px;left:50%;transform:translateX(-50%);font-size:17px}
  .growth-steps>div:nth-child(2n):after{content:""}
  .growth-steps>div:last-child:after{display:none}
  .growth-steps small{font-size:10px}
  .growth-icon{width:52px;height:52px;box-shadow:0 0 0 7px var(--paper)}
  .growth-icon img{width:27px;height:27px}
  .growth-steps b{font-size:15px;margin-top:9px}

  .pain-grid{grid-template-columns:1fr;min-height:0}
  .pain-copy{padding:58px 0 36px}
  .pain-copy h2{font-size:36px;line-height:1.3;white-space:normal}
  .pain-list{gap:0;margin-top:24px}
  .pain-list span{padding:14px 0 14px 14px;font-size:14px}
  .pain-image{min-height:390px}
  .city-photo{transform:scale(1.08);object-position:center center}
  .pain-image:after{background:linear-gradient(180deg,rgba(7,17,29,.08),rgba(7,17,29,.52));}
  .pain-message{left:22px;right:22px;max-width:none}

  .login{min-height:100dvh;padding:10px 10px;align-items:stretch;background:#06111e url('/static/assets/visuals/login-bg.png') center/cover no-repeat fixed}
  .login:before{background:linear-gradient(180deg,rgba(3,12,22,.38),rgba(3,12,22,.72));}
  .login-card{width:100%;min-height:calc(100dvh - 20px);padding:0 24px 30px;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-start;background:rgba(5,16,28,.82)}
  .login-back{padding:18px 0 0}
  .login-visual{height:260px;margin:0 -24px 44px;background-position:center 38%;flex:0 0 auto}
  .login-card .brand-logo{width:190px}
  .account-field{margin:0 0 22px!important}
  .account-field input{height:54px;font-size:15px}
  .login-card .check{margin:0 0 28px!important;font-size:12px}
  .login-actions{margin-top:0;grid-template-columns:1fr 1.18fr;gap:12px}
  .login-card .purchase-btn,.login-card .btn{height:52px}
  .login-special{margin-top:auto;padding-top:20px}
  .login-special p{font-size:11px;line-height:1.85}
}

@media (max-width:380px){
  .login-card{padding-left:18px;padding-right:18px}
  .login-visual{margin-left:-18px;margin-right:-18px;height:235px;margin-bottom:36px}
  .login-card .brand-logo{width:165px}
}

/* ===== 2.7 login final composition: supplied building photo as page backdrop, tall clean panel ===== */
@media (min-width:901px){
  .login{min-height:100vh;padding:26px 24px;background:#06111e url('/static/assets/visuals/login-bg.png') center 38%/cover no-repeat fixed;}
  .login:before{background:linear-gradient(90deg,rgba(3,12,22,.58),rgba(3,12,22,.28),rgba(3,12,22,.58)),linear-gradient(180deg,rgba(3,10,18,.22),rgba(3,10,18,.70));}
  .login-card{width:min(560px,calc(100vw - 48px));min-height:800px;padding:0 56px 46px;display:flex;flex-direction:column;background:rgba(5,16,28,.78);border:1px solid rgba(215,184,121,.27);border-radius:14px;box-shadow:0 34px 120px rgba(0,0,0,.52);backdrop-filter:blur(9px)}
  .login-back{padding:22px 0 0}
  .login-logo-only{height:260px;display:grid;place-items:center;flex:0 0 260px;margin:0 -4px 38px}
  .login-logo-only .brand-logo{width:230px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.48))}
  .account-field{display:block;margin:0 0 24px!important}
  .account-field input{width:100%;height:56px;font-size:16px}
  .login-card .check{margin:0 0 32px!important}
  .login-actions{margin-top:0}
  .login-card .purchase-btn,.login-card .btn{height:54px}
  .login-special{margin-top:auto;padding-top:22px}
}
@media (max-width:900px){
  .login{min-height:100dvh;padding:10px;background:#06111e url('/static/assets/visuals/login-bg.png') center 34%/cover no-repeat fixed;align-items:stretch}
  .login:before{background:linear-gradient(180deg,rgba(3,12,22,.40),rgba(3,12,22,.76));}
  .login-card{width:100%;min-height:calc(100dvh - 20px);padding:0 24px 28px;display:flex;flex-direction:column;background:rgba(5,16,28,.80);border-radius:12px}
  .login-back{padding:18px 0 0}
  .login-logo-only{height:260px;display:grid;place-items:center;flex:0 0 260px;margin:0 0 26px}
  .login-logo-only .brand-logo{width:190px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.48))}
  .account-field{display:block;margin:0 0 22px!important}
  .account-field input{height:54px;font-size:15px}
  .login-card .check{margin:0 0 28px!important;font-size:12px}
  .login-actions{margin-top:0;grid-template-columns:1fr 1.18fr;gap:12px}
  .login-card .purchase-btn,.login-card .btn{height:52px}
  .login-special{margin-top:auto;padding-top:20px}
  .login-special p{font-size:11px;line-height:1.85}
}
@media (max-width:380px){
  .login-card{padding-left:18px;padding-right:18px}
  .login-logo-only{height:220px;flex-basis:220px;margin-bottom:22px}
  .login-logo-only .brand-logo{width:165px}
}

/* ===== 2.7.1 FINAL REVIEW CORRECTION — explicit DOM layout ===== */
@media (min-width:901px){
  /* WHY WE DO: the English label and Chinese headline are a single left editorial block. */
  .why-wrap{width:min(1320px,calc(100% - 96px));padding:70px 0 74px;display:block}
  .why-intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr)!important;grid-template-areas:"heading copy"!important;gap:90px!important;align-items:end!important;padding:0 0 46px!important}
  .why-heading{grid-area:heading;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
  .why-heading .eyebrow{margin:0 0 12px!important}
  .why-heading h2{margin:0!important;font-size:52px!important;line-height:1.16!important;letter-spacing:-.045em!important;white-space:normal!important;max-width:640px!important}
  .why-copy{grid-area:copy;align-self:end;max-width:470px;padding-bottom:2px}
  .why-copy p{margin:0 0 14px!important;font-size:16px!important;line-height:1.95!important;color:#686158!important;max-width:470px!important}
  .why-copy .text-link{margin:0!important}

  /* Research: English and Chinese headline are one right-hand block; the explanatory sentence sits directly underneath. */
  .research-inner{display:block!important;padding:72px 0 76px!important}
  .research-copy{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;grid-template-areas:"blank heading" "blank body"!important;column-gap:90px!important;row-gap:12px!important;align-items:end!important;padding:0 0 44px!important}
  .research-heading{grid-area:heading;min-width:0}
  .research-heading .eyebrow{margin:0 0 12px!important}
  .research-heading h2{margin:0!important;font-size:49px!important;line-height:1.20!important;letter-spacing:-.04em!important;white-space:normal!important;max-width:720px!important}
  .research-heading h2 span{display:inline;color:#d6b474}
  .research-body{grid-area:body;max-width:650px}
  .research-body p{margin:0!important;font-size:16px!important;line-height:1.9!important;color:#9ba4ad!important;max-width:650px!important}
  .research-body .text-link{display:none!important}

  /* Growth path: one title line, then a clearly staged six-step progression. */
  .growth-wrap{padding:70px 0 82px!important}
  .growth-title{padding:0 0 40px!important}
  .growth-title h2{font-size:46px!important;line-height:1.2!important;white-space:nowrap!important;margin:0 0 12px!important}
  .growth-title p{font-size:16px!important;line-height:1.8!important;max-width:720px!important}
  .growth-steps{position:relative!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important;border:0!important;padding:20px 0 0!important;margin:0!important}
  .growth-steps:before{content:"";position:absolute;left:8.3%;right:8.3%;top:75px;height:1px;background:linear-gradient(90deg,rgba(180,155,111,.25),rgba(180,155,111,.9),rgba(180,155,111,.25));z-index:0}
  .growth-steps>div{position:relative!important;min-height:205px!important;padding:0 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;border:0!important;gap:0!important;background:transparent!important}
  .growth-steps>div:after{content:"→"!important;display:block!important;position:absolute!important;right:-8px!important;top:62px!important;color:#b89b68!important;font-size:21px!important;line-height:1!important;z-index:5!important}
  .growth-steps>div:last-child:after{display:none!important}
  .growth-steps small{font-size:11px!important;letter-spacing:.08em!important;color:#958c80!important;line-height:1.2!important;margin:0 0 14px!important;order:1!important}
  .growth-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;position:relative!important;z-index:3!important;background:var(--paper)!important;border:1px solid #c9bca9!important;box-shadow:0 0 0 8px var(--paper)!important;order:2!important}
  .growth-icon img{width:30px!important;height:30px!important}
  .growth-steps b{font-size:18px!important;font-weight:500!important;line-height:1.4!important;margin:17px 0 0!important;order:3!important}

  /* Wealth status: photo fills its entire column, with a soft feather into the copy. */
  .pain-grid{width:100%!important;max-width:none!important;grid-template-columns:46% 54%!important;min-height:600px!important}
  .pain-copy{padding:92px max(56px,calc((100vw - 1320px)/2)) 92px max(48px,calc((100vw - 1320px)/2))!important}
  .pain-image{position:relative!important;min-height:600px!important;width:100%!important;overflow:hidden!important}
  .city-photo{position:absolute!important;inset:-1%!important;width:102%!important;height:102%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;transform:scale(1.05)!important;opacity:.96!important}
  .pain-image:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,#07111d 0%,rgba(7,17,29,.88) 5%,rgba(7,17,29,.45) 18%,rgba(7,17,29,.08) 43%,rgba(7,17,29,.12) 100%),linear-gradient(180deg,rgba(7,17,29,.04),rgba(7,17,29,.42))!important}
  .pain-list{grid-template-columns:1fr 1fr!important;gap:0 34px!important;margin-top:30px!important}
  .pain-list span{padding:16px 0 16px 18px!important;border-left:1px solid rgba(213,180,119,.38)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;font-size:15px!important;line-height:1.75!important}

  /* Login: long portrait panel, image is a soft top backdrop behind the centered logo. */
  .login{min-height:100vh!important;padding:28px 24px!important;background:#06111e!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .login:before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;background:radial-gradient(circle at 50% 0,rgba(70,102,132,.18),transparent 34%),linear-gradient(180deg,#06111e,#081827 68%,#06111e)!important}
  .login-card{position:relative!important;width:min(560px,calc(100vw - 48px))!important;min-height:820px!important;padding:0 56px 46px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:rgba(5,16,28,.88)!important;border:1px solid rgba(215,184,121,.27)!important;border-radius:14px!important;box-shadow:0 34px 120px rgba(0,0,0,.52)!important;backdrop-filter:blur(8px)!important}
  .login-card:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:370px!important;background-image:linear-gradient(180deg,rgba(4,14,25,.18) 0%,rgba(4,14,25,.22) 48%,rgba(5,16,28,.96) 100%),url('/static/assets/visuals/login-bg.png')!important;background-size:cover!important;background-position:center 38%!important;z-index:0!important}
  .login-card>*{position:relative!important;z-index:2!important}
  .login-back{padding:22px 0 0!important;z-index:3!important}
  .login-logo-only{height:330px!important;flex:0 0 330px!important;display:grid!important;place-items:center!important;margin:0 0 40px!important}
  .login-logo-only .brand-logo{width:230px!important;filter:drop-shadow(0 10px 25px rgba(0,0,0,.50))!important}
  .account-field{display:block!important;margin:0 0 24px!important}
  .account-field input{height:58px!important;font-size:16px!important;padding:0 18px!important}
  .login-card .check{margin:0 0 32px!important;font-size:12px!important}
  .login-actions{margin-top:0!important;grid-template-columns:1fr 1.18fr!important;gap:12px!important}
  .login-card .purchase-btn,.login-card .btn{height:54px!important}
  .login-special{margin-top:auto!important;padding-top:22px!important}
}

@media (max-width:900px){
  .why-wrap{padding:56px 0 62px!important}
  .why-intro{display:flex!important;flex-direction:column!important;gap:0!important;padding:0 0 34px!important}
  .why-heading{display:block!important;width:100%!important}
  .why-heading .eyebrow{margin:0 0 10px!important}
  .why-heading h2{font-size:36px!important;line-height:1.28!important;margin:0!important;white-space:normal!important}
  .why-copy{width:100%!important;margin-top:20px!important}
  .why-copy p{font-size:14px!important;line-height:1.9!important;margin:0 0 10px!important}

  .research-inner{padding:58px 0 62px!important}
  .research-copy{display:flex!important;flex-direction:column!important;gap:0!important;padding:0 0 32px!important}
  .research-heading{width:100%!important}
  .research-heading .eyebrow{margin:0 0 10px!important}
  .research-heading h2{font-size:36px!important;line-height:1.30!important;margin:0!important;white-space:normal!important}
  .research-body{width:100%!important;margin-top:18px!important}
  .research-body p{font-size:14px!important;line-height:1.9!important;margin:0!important}

  .growth-wrap{padding:58px 0 66px!important}
  .growth-title{padding-bottom:28px!important}
  .growth-title h2{font-size:34px!important;line-height:1.3!important;white-space:normal!important;margin:0 0 12px!important}
  .growth-steps{grid-template-columns:1fr 1fr!important;padding:12px 0 0!important;margin:0!important}
  .growth-steps:before{left:50%!important;right:auto!important;top:72px!important;bottom:70px!important;width:1px!important;height:auto!important;background:linear-gradient(180deg,rgba(180,155,111,.15),rgba(180,155,111,.75),rgba(180,155,111,.15))!important}
  .growth-steps>div{min-height:184px!important;padding:0 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;border:0!important;gap:0!important}
  .growth-steps>div:after{content:"↓"!important;display:block!important;right:auto!important;left:50%!important;top:auto!important;bottom:-1px!important;transform:translateX(-50%)!important;font-size:17px!important;color:#b89b68!important}
  .growth-steps>div:nth-child(2n):after{display:none!important}
  .growth-steps>div:last-child:after{display:none!important}
  .growth-steps small{font-size:10px!important;margin:0 0 12px!important}
  .growth-icon{width:52px!important;height:52px!important;flex:0 0 52px!important;box-shadow:0 0 0 7px var(--paper)!important}
  .growth-icon img{width:27px!important;height:27px!important}
  .growth-steps b{font-size:15px!important;margin-top:14px!important}

  .pain-copy{padding:58px 0 38px!important}
  .pain-list{grid-template-columns:1fr!important;gap:0!important;margin-top:24px!important}
  .pain-list span{padding:14px 0 14px 15px!important;font-size:14px!important;line-height:1.75!important}
  .pain-image{min-height:420px!important}
  .city-photo{inset:-2%!important;width:104%!important;height:104%!important;transform:scale(1.04)!important}
  .pain-image:after{background:linear-gradient(180deg,rgba(7,17,29,.05),rgba(7,17,29,.50))!important}

  .login{min-height:100dvh!important;padding:10px!important;align-items:stretch!important}
  .login-card{width:100%!important;min-height:calc(100dvh - 20px)!important;padding:0 24px 28px!important;border-radius:12px!important}
  .login-card:before{height:330px!important;background-image:linear-gradient(180deg,rgba(4,14,25,.18),rgba(4,14,25,.28) 48%,rgba(5,16,28,.97) 100%),url('/static/assets/visuals/login-bg.png')!important;background-position:center 35%!important}
  .login-back{padding:18px 0 0!important}
  .login-logo-only{height:300px!important;flex-basis:300px!important;margin:0 0 42px!important}
  .login-logo-only .brand-logo{width:190px!important}
  .account-field{margin:0 0 22px!important}
  .account-field input{height:54px!important}
  .login-card .check{margin:0 0 28px!important}
  .login-actions{margin:0!important;grid-template-columns:1fr 1.18fr!important;gap:12px!important}
  .login-special{margin-top:auto!important;padding-top:20px!important}
}
@media (max-width:380px){
  .login-card{padding-left:18px!important;padding-right:18px!important}
  .login-card:before{height:300px!important}
  .login-logo-only{height:275px!important;flex-basis:275px!important;margin-bottom:34px!important}
  .login-logo-only .brand-logo{width:165px!important}
}


/* ===== 2.8 FINAL LAYOUT BALANCE — desktop/mobile structural correction ===== */
@media (min-width:901px){
  /* WHY WE DO — left editorial title, right explanation, then a clean 3-column evidence row. */
  .why-wrap{width:min(1280px,calc(100% - 120px))!important;padding:76px 0 78px!important;display:block!important}
  .why-intro{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr)!important;grid-template-areas:"heading copy"!important;column-gap:120px!important;align-items:end!important;padding:0 0 48px!important}
  .why-heading{grid-area:heading!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .why-heading .eyebrow{order:0!important;margin:0 0 14px!important}
  .why-heading h2{order:1!important;margin:0!important;font-size:54px!important;line-height:1.18!important;letter-spacing:-.045em!important;white-space:normal!important;max-width:650px!important}
  .why-copy{grid-area:copy!important;align-self:end!important;max-width:440px!important;padding-bottom:3px!important}
  .why-copy p{margin:0 0 16px!important;font-size:16px!important;line-height:1.95!important;max-width:440px!important}
  .why-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .why-item{min-height:188px!important;padding:32px 34px 30px!important;display:grid!important;grid-template-columns:46px 1fr!important;grid-template-rows:auto 1fr!important;column-gap:20px!important;border-left:1px solid var(--line)!important}
  .why-item:first-child{border-left:0!important}
  .why-item span{grid-row:1/3!important}
  .why-item b{font-size:20px!important;line-height:1.35!important}
  .why-item p{font-size:15px!important;line-height:1.8!important;margin-top:6px!important}

  /* RESEARCH — English on top of the right headline; left column is deliberately quiet. */
  .research-inner{width:min(1280px,calc(100% - 120px))!important;margin:0 auto!important;display:block!important;padding:76px 0 80px!important}
  .research-copy{display:grid!important;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)!important;grid-template-areas:"blank heading" "blank body"!important;column-gap:110px!important;row-gap:14px!important;align-items:start!important;padding:0 0 50px!important}
  .research-heading{grid-area:heading!important;min-width:0!important}
  .research-heading .eyebrow{margin:0 0 14px!important}
  .research-heading h2{margin:0!important;font-size:50px!important;line-height:1.24!important;letter-spacing:-.045em!important;white-space:normal!important;max-width:760px!important}
  .research-heading h2 span{display:block!important;color:#d6b474!important}
  .research-body{grid-area:body!important;max-width:680px!important}
  .research-body p{margin:0!important;font-size:16px!important;line-height:1.9!important;max-width:680px!important;color:#9ba4ad!important}
  .five-dim{padding-left:0!important;gap:0!important}
  .dim{min-height:210px!important;padding:26px 20px!important}

  /* WEALTH STATUS — the photo owns the whole right half and feathers into the text. */
  .pain-grid{grid-template-columns:48% 52%!important;min-height:610px!important}
  .pain-copy{padding:92px max(58px,calc((100vw - 1280px)/2)) 92px max(58px,calc((100vw - 1280px)/2))!important}
  .pain-image{min-height:610px!important;width:100%!important;overflow:hidden!important}
  .city-photo{inset:-2%!important;width:104%!important;height:104%!important;object-fit:cover!important;object-position:center center!important;transform:scale(1.04)!important;opacity:.97!important}
  .pain-image:after{background:linear-gradient(90deg,#07111d 0%,rgba(7,17,29,.94) 0%,rgba(7,17,29,.68) 10%,rgba(7,17,29,.28) 28%,rgba(7,17,29,.05) 52%,rgba(7,17,29,.18) 100%),linear-gradient(180deg,rgba(7,17,29,.04),rgba(7,17,29,.42))!important}
  .pain-list{grid-template-columns:1fr 1fr!important;gap:0 34px!important;margin-top:30px!important}
  .pain-list span{padding:17px 0 17px 18px!important;border-left:1px solid rgba(213,180,119,.42)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;font-size:15px!important;line-height:1.8!important}

  /* LOGIN — use the complete supplied building photo as the card's full background. */
  .login{min-height:100vh!important;padding:32px 24px!important;background:#06111e!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .login:before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;background:linear-gradient(180deg,rgba(3,12,22,.42),rgba(3,12,22,.78)),#06111e!important}
  .login-card{position:relative!important;z-index:1!important;width:min(560px,calc(100vw - 48px))!important;min-height:1000px!important;padding:0 56px 44px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:rgba(5,16,28,.22)!important;border:1px solid rgba(215,184,121,.25)!important;border-radius:16px!important;box-shadow:0 32px 120px rgba(0,0,0,.52)!important;backdrop-filter:blur(2px)!important}
  .login-card:before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background-image:linear-gradient(180deg,rgba(3,12,22,.16) 0%,rgba(3,12,22,.18) 35%,rgba(3,12,22,.60) 67%,rgba(3,12,22,.88) 100%),url('/static/assets/visuals/login-bg.png')!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
  .login-card>*{position:relative!important;z-index:2!important}
  .login-back{padding:22px 0 0!important;font-size:12px!important}
  .login-visual{height:255px!important;margin:0 -56px 20px!important;background:transparent!important;flex:0 0 255px!important}
  .login-visual:after{display:none!important}
  .login-logo-wrap{padding:20px!important;display:grid!important;place-items:center!important}
  .login-card .brand-logo{width:220px!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.52))!important}
  .account-field{display:block!important;margin:0 0 20px!important}
  .account-field input{width:100%!important;height:56px!important;padding:0 18px!important;font-size:16px!important;background:rgba(255,255,255,.97)!important;color:#16202b!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:6px!important;box-sizing:border-box!important}
  .account-field input::placeholder{color:#8a929a!important}
  .login-card .check{display:flex!important;align-items:center!important;gap:9px!important;min-height:20px!important;margin:0 0 26px!important;font-size:12px!important;line-height:20px!important;color:#d8dde1!important;white-space:normal!important}
  .login-card .check input{appearance:auto!important;-webkit-appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px!important;margin:0!important;padding:0!important;display:block!important;vertical-align:middle!important}
  .login-card .check a{color:#e2c27f!important;text-decoration:none!important}
  .login-actions{margin:0!important;display:grid!important;grid-template-columns:1fr 1.18fr!important;gap:12px!important}
  .login-card .purchase-btn,.login-card .btn{height:54px!important}
  .login-special{margin-top:auto!important;padding-top:22px!important;border-top:1px solid rgba(255,255,255,.10)!important}
}

@media (max-width:900px){
  /* MOBILE — same visual logic, but with much more breathing room. */
  .why-wrap{width:calc(100% - 36px)!important;padding:58px 0 62px!important}
  .why-intro{display:flex!important;flex-direction:column!important;gap:0!important;padding:0 0 30px!important}
  .why-heading{width:100%!important}
  .why-heading .eyebrow{margin:0 0 10px!important}
  .why-heading h2{font-size:35px!important;line-height:1.30!important;margin:0!important;max-width:100%!important}
  .why-copy{width:100%!important;margin-top:20px!important;max-width:none!important}
  .why-copy p{font-size:14px!important;line-height:1.9!important;margin:0 0 10px!important}
  .why-list{grid-template-columns:1fr!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .why-item{min-height:auto!important;padding:20px 4px!important;display:grid!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto auto!important;column-gap:14px!important;border-left:0!important;border-bottom:1px solid var(--line)!important}
  .why-item:last-child{border-bottom:0!important}
  .why-item span{grid-row:1/3!important}
  .why-item b{font-size:18px!important;line-height:1.35!important}
  .why-item p{font-size:14px!important;line-height:1.75!important;margin-top:4px!important}

  .research-inner{width:calc(100% - 36px)!important;padding:58px 0 64px!important}
  .research-copy{display:flex!important;flex-direction:column!important;gap:0!important;padding:0 0 30px!important}
  .research-heading{width:100%!important}
  .research-heading .eyebrow{margin:0 0 10px!important}
  .research-heading h2{font-size:35px!important;line-height:1.30!important;margin:0!important;max-width:100%!important}
  .research-heading h2 span{display:inline!important}
  .research-body{width:100%!important;margin-top:18px!important}
  .research-body p{font-size:14px!important;line-height:1.9!important;margin:0!important}
  .five-dim{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:0!important;overflow-x:auto!important;padding:0!important}
  .dim{min-height:185px!important;padding:22px 12px!important}

  .growth-wrap{width:calc(100% - 36px)!important;padding:58px 0 68px!important}
  .growth-title{padding:0 0 30px!important}
  .growth-title h2{font-size:34px!important;line-height:1.32!important;white-space:normal!important;margin:0 0 10px!important}
  .growth-title p{font-size:14px!important;line-height:1.85!important;margin:0!important}

  .pain-grid{grid-template-columns:1fr!important;min-height:0!important}
  .pain-copy{padding:58px 18px 36px!important}
  .pain-copy h2{font-size:35px!important;line-height:1.30!important;margin:0 0 24px!important}
  .pain-list{grid-template-columns:1fr!important;gap:0!important;margin-top:0!important}
  .pain-list span{padding:15px 0 15px 15px!important;border-left:1px solid rgba(213,180,119,.42)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;font-size:14px!important;line-height:1.78!important}
  .pain-image{min-height:430px!important}
  .city-photo{inset:-1%!important;width:102%!important;height:102%!important;transform:scale(1.02)!important;object-position:center center!important}
  .pain-image:after{background:linear-gradient(180deg,rgba(7,17,29,.05),rgba(7,17,29,.50))!important}

  .login{min-height:100dvh!important;padding:10px!important;align-items:stretch!important;background:#06111e!important}
  .login:before{background:linear-gradient(180deg,rgba(3,12,22,.30),rgba(3,12,22,.82)),#06111e!important}
  .login-card{width:100%!important;min-height:calc(100dvh - 20px)!important;padding:0 24px 28px!important;border-radius:12px!important;background:rgba(5,16,28,.20)!important;box-shadow:0 20px 70px rgba(0,0,0,.45)!important;backdrop-filter:blur(1.5px)!important}
  .login-card:before{inset:0!important;background-image:linear-gradient(180deg,rgba(3,12,22,.10) 0%,rgba(3,12,22,.16) 28%,rgba(3,12,22,.60) 62%,rgba(3,12,22,.90) 100%),url('/static/assets/visuals/login-bg.png')!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
  .login-back{padding:16px 0 0!important}
  .login-visual{height:225px!important;margin:0 -24px 8px!important;background:transparent!important;flex:0 0 225px!important}
  .login-visual:after{display:none!important}
  .login-logo-wrap{padding:18px!important}
  .login-card .brand-logo{width:180px!important}
  .account-field{margin:0 0 18px!important}
  .account-field input{height:54px!important;font-size:15px!important}
  .login-card .check{align-items:center!important;gap:8px!important;min-height:20px!important;margin:0 0 24px!important;font-size:12px!important;line-height:20px!important}
  .login-card .check input{width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px!important;margin:0!important}
  .login-actions{grid-template-columns:1fr 1.15fr!important;gap:10px!important}
  .login-card .purchase-btn,.login-card .btn{height:50px!important;font-size:13px!important}
  .login-special{margin-top:auto!important;padding-top:18px!important}
  .login-special p{font-size:11px!important;line-height:1.85!important}
}
@media (max-width:380px){
  .login-card{padding-left:18px!important;padding-right:18px!important}
  .login-visual{margin-left:-18px!important;margin-right:-18px!important;height:210px!important;flex-basis:210px!important}
  .login-card .brand-logo{width:165px!important}
}

/* ===== 2.9 FINAL STRUCTURAL PASS ===== */
/* WHY WE DO: one clean editorial column on desktop; mobile keeps the same hierarchy. */
@media (min-width:901px){
  .why-intro{
    display:block!important;
    padding:0 0 42px!important;
    max-width:760px!important;
  }
  .why-heading{display:block!important;width:100%!important;}
  .why-heading .eyebrow{display:block!important;margin:0 0 14px!important;}
  .why-heading h2{font-size:54px!important;line-height:1.18!important;max-width:700px!important;margin:0!important;}
  .why-copy{display:block!important;max-width:680px!important;margin:24px 0 0!important;padding:0!important;}
  .why-copy p{max-width:680px!important;margin:0 0 12px!important;}

  /* Research: all copy hugs the left edge; dimensions form a separate, orderly row. */
  .research-copy{
    display:block!important;
    padding:0 0 48px!important;
    max-width:820px!important;
  }
  .research-heading{display:block!important;max-width:760px!important;}
  .research-heading .eyebrow{margin:0 0 14px!important;}
  .research-heading h2{font-size:50px!important;line-height:1.24!important;max-width:760px!important;}
  .research-heading h2 span{display:block!important;}
  .research-body{max-width:700px!important;margin-top:18px!important;}
  .research-body p{max-width:700px!important;}

  /* Wealth status: two deliberate title lines + one pain point per row. */
  .pain-copy h2{max-width:620px!important;margin:0 0 28px!important;}
  .pain-copy h2 span{display:block!important;white-space:nowrap!important;}
  .pain-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;max-width:720px!important;}
  .pain-list span{display:block!important;white-space:nowrap!important;padding:16px 0 16px 18px!important;}

  /* Growth path: exact row alignment for stage, icon and keyword. */
  .growth-steps{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    align-items:start!important;
    padding-top:18px!important;
  }
  .growth-steps:before{top:73px!important;left:7%!important;right:7%!important;}
  .growth-steps>div{
    min-height:210px!important;
    display:grid!important;
    grid-template-rows:24px 72px 38px!important;
    align-items:start!important;
    justify-items:center!important;
    padding:0 8px!important;
  }
  .growth-steps small{grid-row:1!important;height:24px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .growth-icon{grid-row:2!important;width:54px!important;height:54px!important;margin:9px auto 0!important;display:grid!important;place-items:center!important;}
  .growth-icon img{width:30px!important;height:30px!important;object-fit:contain!important;}
  .growth-steps b{grid-row:3!important;margin:12px 0 0!important;line-height:1.4!important;height:38px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;}
  .growth-steps>div:after{top:61px!important;right:-6px!important;}
}

/* Behavior dimension: replace the old generic circular-arrow visual with a clear decision/behavior line icon. */
.dim:nth-child(2) .dim-icon-img{content:url('/static/assets/icons/behavior-linear-v2.svg')!important;}

/* Login: preserve the supplied building photograph's aspect ratio; never stretch the building logo. */
.login-card:before{
  background-image:linear-gradient(180deg,rgba(3,12,22,.10) 0%,rgba(3,12,22,.18) 36%,rgba(3,12,22,.62) 68%,rgba(3,12,22,.92) 100%),url('/static/assets/visuals/login-bg.png')!important;
  background-size:auto 100%!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-color:#06111e!important;
}
.login-logo-only{height:220px!important;flex:0 0 220px!important;margin:0 0 20px!important;display:grid!important;place-items:center!important;}
.login-logo-only .brand-logo{width:205px!important;height:auto!important;object-fit:contain!important;}
.login-card form{max-width:100%!important;}
.login-actions{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;}
.login-card .purchase-btn,.login-card .btn{width:100%!important;height:54px!important;}
.login-special{margin-top:48px!important;padding-top:16px!important;}

@media (max-width:900px){
  .why-intro{display:block!important;padding-bottom:30px!important;}
  .why-copy{margin-top:18px!important;}
  .research-copy{display:block!important;padding-bottom:30px!important;}
  .research-heading h2{font-size:35px!important;line-height:1.30!important;}
  .research-body{margin-top:18px!important;}

  .pain-copy h2 span{display:block!important;white-space:nowrap!important;font-size:34px!important;line-height:1.30!important;}
  .pain-list{grid-template-columns:1fr!important;gap:0!important;}
  .pain-list span{white-space:normal!important;}

  .growth-steps{
    grid-template-columns:1fr!important;
    padding-top:12px!important;
  }
  .growth-steps:before{
    left:50%!important;right:auto!important;top:54px!important;bottom:54px!important;width:1px!important;height:auto!important;
  }
  .growth-steps>div{
    min-height:128px!important;
    grid-template-columns:1fr 74px 1fr!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    justify-items:center!important;
    padding:0!important;
  }
  .growth-steps small{grid-column:1!important;grid-row:1!important;justify-self:end!important;margin:0 14px 0 0!important;}
  .growth-icon{grid-column:2!important;grid-row:1!important;width:56px!important;height:56px!important;margin:0!important;}
  .growth-steps b{grid-column:3!important;grid-row:1!important;height:auto!important;margin:0 0 0 14px!important;justify-self:start!important;justify-content:flex-start!important;}
  .growth-steps>div:after{content:"↓"!important;right:auto!important;left:50%!important;top:auto!important;bottom:-12px!important;transform:translateX(-50%)!important;font-size:16px!important;}
  .growth-steps>div:nth-child(2n):after{display:block!important;}
  .growth-steps>div:last-child:after{display:none!important;}

  .login-card:before{
    background-size:100% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
  }
  .login-logo-only{height:195px!important;flex-basis:195px!important;margin-bottom:12px!important;}
  .login-logo-only .brand-logo{width:175px!important;}
  .login-actions{display:flex!important;flex-direction:column!important;gap:12px!important;}
  .login-card .purchase-btn,.login-card .btn{height:52px!important;}
  .login-special{margin-top:34px!important;padding-top:14px!important;}
}

/* ===== 2.10 MOBILE HEADER / LOGIN STABILITY ===== */
@media (max-width:640px){
  .site-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;overflow:hidden!important;}
  .site-brand{flex:0 0 112px!important;width:112px!important;min-width:0!important;}
  .nav-cta{margin-left:auto!important;flex:0 0 auto!important;position:relative!important;right:auto!important;z-index:5!important;}
}
/* Login background uses a versioned physical asset so long-lived mobile/CDN caches never retain a broken old asset. */
.login-card:before{
  background-image:linear-gradient(180deg,rgba(3,12,22,.08) 0%,rgba(3,12,22,.18) 34%,rgba(3,12,22,.62) 70%,rgba(3,12,22,.94) 100%),url('/static/assets/visuals/login-building-v210.png')!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-color:#06111e!important;
}
.login{background:#06111e!important;}
@media (max-width:900px){
  .login-card:before{background-size:cover!important;background-position:center top!important;}
}

/* ===== 2.10 SHARE / COMPLETION MODAL ===== */
.completion-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,9,16,.72);backdrop-filter:blur(12px)}
.completion-modal.show{display:flex}
.completion-box{width:min(520px,100%);background:linear-gradient(145deg,#101e2c,#07111d);border:1px solid rgba(215,184,121,.34);border-radius:20px;box-shadow:0 35px 110px rgba(0,0,0,.55);padding:38px 34px 30px;text-align:center;color:#f4eee2}
.completion-mark{width:58px;height:58px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(215,184,121,.55);color:#e7c985;font-size:26px;background:rgba(215,184,121,.08)}
.completion-box h3{margin:0 0 10px;font-size:25px;font-weight:500}
.completion-box p{margin:0 auto 24px;max-width:390px;color:#bfc7ce;font-size:14px;line-height:1.9}
.completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.completion-actions button{height:48px;border-radius:7px;font-size:14px;font-weight:700;cursor:pointer}
.completion-download{border:0;background:linear-gradient(135deg,#ecd39a,#c29b59);color:#101822}
.completion-view{border:1px solid rgba(255,255,255,.18);background:transparent;color:#e5d7bc}
.share-card{margin:20px 0 14px;padding:22px;border-radius:18px;background:linear-gradient(145deg,#0b1724,#101f2e);border:1px solid rgba(215,184,121,.22);display:flex;align-items:center;gap:18px}
.share-preview{width:132px;height:74px;border-radius:8px;overflow:hidden;flex:0 0 132px;background:#07111d;border:1px solid rgba(215,184,121,.22)}
.share-preview img{width:100%;height:100%;object-fit:cover}
.share-copy{min-width:0}.share-copy strong{display:block;color:#f3e7cd;font-size:15px;margin-bottom:4px}.share-copy small{display:block;color:#8e9aa5;font-size:11px;line-height:1.6}.share-actions{display:flex;gap:8px;margin-top:10px}.share-actions button{border:1px solid rgba(215,184,121,.28);background:rgba(255,255,255,.04);color:#dec99f;border-radius:6px;padding:7px 11px;font-size:11px;cursor:pointer}
@media(max-width:760px){.completion-box{padding:30px 22px 24px}.completion-box h3{font-size:22px}.completion-actions{grid-template-columns:1fr}.share-card{align-items:flex-start}.share-preview{width:112px;height:63px;flex-basis:112px}}
/* Login image layer: deterministic stacking and preserved aspect ratio. */
.login-card{overflow:hidden!important;}
.login-card:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;border-radius:inherit!important;}
.login-card>*{position:relative!important;z-index:1!important;}

/* ===== POWER INTERNATIONAL V1.0 WEBSITE ===== */
:root{--pi-navy:#07152b;--pi-navy2:#0d2342;--pi-gold:#c9a45c;--pi-cream:#f5f3ee;--pi-text:#172033;--pi-muted:#687386;--pi-line:#e3e6eb;--pi-white:#fff}
*{box-sizing:border-box}.site-v1{margin:0;background:var(--pi-cream);color:var(--pi-text);font-family:Arial,"Noto Sans CJK SC","Microsoft YaHei",sans-serif}.site-v1 a{text-decoration:none;color:inherit}.site-header-v1{position:sticky;top:0;z-index:50;background:rgba(7,21,43,.97);border-bottom:1px solid rgba(255,255,255,.09)}.site-header-inner{max-width:1240px;height:76px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.site-brand-v1 img{height:42px;width:auto}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:30px}.desktop-nav a{color:#eef2f7;font-size:15px}.desktop-nav a:hover{color:var(--pi-gold)}.site-actions{display:flex;align-items:center;gap:12px}.site-login{color:#dce2ea;font-size:14px}.site-cta,.gold-button{background:var(--pi-gold);color:#07152b!important;padding:12px 20px;border-radius:3px;font-weight:700}.mobile-menu-btn{display:none;border:0;background:none;color:white;font-size:24px}.mobile-menu{display:none}.home-hero{background:var(--pi-navy);padding:0}.hero-media{max-width:1440px;height:620px;margin:auto;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,#254c70 0,#112d4d 30%,#07152b 67%)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,43,.98) 0%,rgba(7,21,43,.76) 42%,rgba(7,21,43,.18) 100%)}.hero-media-overlay{position:absolute;inset:0;background-image:linear-gradient(135deg,transparent 0 42%,rgba(201,164,92,.08) 42% 42.3%,transparent 42.3% 100%)}.hero-content{position:relative;z-index:2;max-width:1240px;margin:auto;padding:145px 48px;color:white}.eyebrow,.section-kicker{letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--pi-gold);margin-bottom:18px}.hero-content h1{font-size:58px;line-height:1.14;margin:0 0 22px;letter-spacing:-.03em}.hero-content h1 span,.home-intro h2 span,.growth-section h2 span{color:var(--pi-gold)}.hero-content p{font-size:18px;line-height:1.9;color:#d7dee7}.hero-buttons{display:flex;gap:12px;margin-top:30px}.ghost-button{border:1px solid rgba(255,255,255,.45);padding:11px 20px;color:white;border-radius:3px}.hero-label{position:absolute;right:42px;bottom:30px;z-index:3;color:rgba(255,255,255,.5);font-size:12px;letter-spacing:.12em}.section-shell{max-width:1180px;margin:auto;padding:90px 30px}.home-intro{background:#fff}.home-intro h2,.growth-section h2,.course-section h2,.private-section h2,.custom-showcase h2,.final-cta h2{font-size:42px;line-height:1.25;margin:0 0 20px}.section-lead{max-width:760px;color:var(--pi-muted);line-height:1.9;font-size:17px}.image-banner-link{margin-top:44px}.banner-placeholder,.wide-placeholder{min-height:250px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:linear-gradient(135deg,#122f50,#07152b);border:1px solid #223b58}.banner-placeholder span,.wide-placeholder span{font-size:12px;letter-spacing:.16em;color:var(--pi-gold)}.banner-placeholder b,.wide-placeholder b{font-size:34px;margin:8px 0}.banner-placeholder small,.wide-placeholder small{color:#b8c1cd}.growth-section{background:var(--pi-navy);color:white}.split-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.split-head>p{max-width:420px;color:#aeb9c8;line-height:1.8}.growth-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}.growth-card{padding:32px;background:#0d2342;border:1px solid rgba(255,255,255,.1);min-height:300px;display:flex;flex-direction:column}.growth-card.featured{border-color:rgba(201,164,92,.65);background:linear-gradient(150deg,#122e4d,#0b1c34)}.growth-card span{color:var(--pi-gold);font-size:13px}.growth-card h3{font-size:24px;margin:30px 0 12px}.growth-card p{color:#aeb9c8;line-height:1.8}.growth-card b{margin-top:auto;color:var(--pi-gold)}.home-about-banner{background:#eeeae1}.course-section{background:#fff}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.course-section p{color:var(--pi-muted);line-height:1.9;max-width:520px}.dark-button{display:inline-block;margin-top:20px;background:var(--pi-navy);color:#fff;padding:13px 22px}.poster-placeholder{min-height:340px;background:#eef0f3;border:1px dashed #b8bec8;display:flex;align-items:center;justify-content:center;text-align:center;color:#7d8795;line-height:1.8}.private-section,.final-cta{background:var(--pi-navy);color:white}.private-box{display:flex;justify-content:space-between;align-items:center;gap:40px}.private-section p{max-width:640px;color:#adb8c7;line-height:1.9}.custom-showcase{background:#f0eee8}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.showcase-grid div{background:white;border:1px solid var(--pi-line);padding:28px;font-weight:700}.final-cta{text-align:center}.final-cta .section-shell{padding:100px 30px}.final-cta h2{margin-bottom:35px}.site-footer-v1{background:#050f1e;color:#aeb8c5}.footer-grid-v1{padding:58px 30px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-grid-v1 img{height:36px}.footer-grid-v1 p{font-size:13px}.footer-grid-v1 b{color:#fff;display:block;margin-bottom:16px}.footer-grid-v1 a{display:block;font-size:13px;margin:10px 0}.copyright-v1{border-top:1px solid rgba(255,255,255,.08);padding:18px;text-align:center;font-size:12px}.site-v1 .mobile-fixed-cta{display:none}
@media(max-width:820px){.site-header-inner{height:64px;padding:0 16px}.site-brand-v1 img{height:34px}.desktop-nav,.site-login{display:none}.mobile-menu-btn{display:block}.mobile-menu{position:fixed;top:64px;left:0;right:0;z-index:49;background:#07152b;display:none;flex-direction:column;padding:8px 18px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.menu-open .mobile-menu{display:flex}.mobile-menu a{color:white;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu .menu-gold{color:#07152b;background:var(--pi-gold);text-align:center;margin-top:10px;border:0}.hero-media{height:600px}.hero-content{padding:100px 24px 70px}.hero-content h1{font-size:40px}.hero-content p{font-size:15px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons a{text-align:center}.hero-label{display:none}.section-shell{padding:62px 20px}.home-intro h2,.growth-section h2,.course-section h2,.private-section h2,.custom-showcase h2,.final-cta h2{font-size:30px}.banner-placeholder,.wide-placeholder{min-height:190px;padding:26px}.banner-placeholder b,.wide-placeholder b{font-size:25px}.split-head,.private-box{display:block}.growth-cards,.showcase-grid,.course-grid{grid-template-columns:1fr}.growth-card{min-height:260px}.course-grid{gap:30px}.course-poster{order:-1}.poster-placeholder{min-height:250px}.footer-grid-v1{grid-template-columns:1fr 1fr;padding:45px 20px}.footer-grid-v1>div:first-child{grid-column:1/-1}}

/* ===== V1.0 ADMIN CONSOLE / reference: classic CMS layout ===== */
.admin-v1{margin:0;background:#eef1f5;color:#273449;font-family:Arial,"Noto Sans CJK SC","Microsoft YaHei",sans-serif}.admin-top{height:58px;background:#202020;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:100}.admin-brand{display:flex;align-items:center;gap:10px}.admin-mark{width:30px;height:30px;border-radius:4px;background:#39424f;display:grid;place-items:center;color:#71cfa9;font-weight:900}.admin-brand b{font-size:17px}.admin-brand small{color:#a8b0bb;font-size:10px;margin-left:5px;letter-spacing:.08em}.admin-top-right{display:flex;align-items:center;gap:20px;color:#c5c9cf;font-size:12px}.admin-top-right button{border:0;background:transparent;color:#fff;cursor:pointer}.admin-layout{display:flex;min-height:calc(100vh - 58px)}.admin-sidebar{width:205px;flex:0 0 205px;background:#35445a;color:#e8edf4;padding:8px 0;min-height:calc(100vh - 58px);position:sticky;top:58px;height:calc(100vh - 58px);overflow:auto}.side-group{padding:13px 17px 7px;color:#9eacbf;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.side-item{width:100%;border:0;background:transparent;color:#e5ebf2;text-align:left;padding:11px 17px;display:flex;gap:10px;align-items:center;cursor:pointer;font-size:13px}.side-item:hover,.side-item.active{background:#2b394c;color:#71d0aa}.side-item.active{border-left:3px solid #71d0aa;padding-left:14px}.admin-main{flex:1;min-width:0;padding:28px 28px 50px}.admin-page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.admin-crumb{font-size:12px;color:#8a95a5;margin-bottom:9px}.admin-page-head h1{font-size:24px;margin:0 0 7px;color:#334155}.admin-page-head p{margin:0;color:#8a95a5;font-size:13px}.panel-area{min-height:500px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e1e6ec;border-radius:3px;padding:20px;box-shadow:0 1px 2px rgba(20,30,45,.03)}.stat-card span{display:block;color:#7c8798;font-size:12px}.stat-card strong{display:block;font-size:30px;margin:8px 0;color:#334155}.stat-card small{color:#a0a9b5}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.admin-card{background:#fff;border:1px solid #e0e5eb;border-radius:3px;margin-bottom:18px;box-shadow:0 1px 2px rgba(20,30,45,.03);overflow:hidden}.admin-card>h2,.admin-card>p{margin:0;padding:18px 20px}.admin-card>h2{font-size:16px;color:#3a4758}.card-head{min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebef}.card-head h2{font-size:16px;margin:0}.tag{font-size:11px;background:#edf8f3;color:#4a9d7a;padding:5px 8px}.notice-box{background:#f6f8fa!important;color:#687386!important;line-height:1.8;font-size:13px}.structure-flow{padding:28px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.structure-flow b{background:#f4f6f8;border:1px solid #dfe4ea;padding:12px 14px;font-size:13px}.structure-flow i{color:#a3adba}.data-table-wrap{overflow:auto}.admin-v1 table{width:100%;border-collapse:collapse;font-size:12px}.admin-v1 th{background:#f5f7f9;color:#7c8794;font-weight:600;text-align:left;padding:12px 13px;border-bottom:1px solid #dfe4ea;white-space:nowrap}.admin-v1 td{padding:12px 13px;border-bottom:1px solid #edf0f3;color:#4b5565;vertical-align:middle}.admin-v1 tbody tr:hover{background:#fbfcfd}.green-btn{border:1px solid #5eb995;background:#63c3a0;color:#fff;border-radius:3px;padding:9px 14px;cursor:pointer}.text-btn{border:0;background:none;color:#d59f3e;cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.quick-card{background:#fff;border:1px solid #e0e5eb;padding:24px;cursor:pointer}.quick-card b,.quick-card span{display:block}.quick-card b{font-size:16px;margin-bottom:8px}.quick-card span{font-size:12px;color:#8b96a5}.product-list>div{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f3}.product-list span{color:#8b96a5;font-size:12px}.empty-module{text-align:center;padding:90px 20px;color:#7e8998}.module-icon{margin:auto;width:56px;height:56px;border-radius:50%;background:#edf8f3;color:#5eb995;display:grid;place-items:center;font-size:20px}.empty-module h2{color:#4a5668;font-size:18px}.empty-module p{max-width:560px;margin:auto;line-height:1.8;font-size:13px}.admin-modal{position:fixed;inset:0;background:rgba(10,18,30,.48);z-index:300;display:grid;place-items:center;padding:20px}.modal-box{width:min(620px,100%);background:#fff;border-radius:4px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e7ebef}.modal-head h3{margin:0;font-size:17px}.modal-head button{border:0;background:none;font-size:24px;color:#8993a1}.modal-body{padding:20px;display:grid;gap:12px}.modal-body input,.modal-body select,.modal-body textarea{width:100%;border:1px solid #d9dee6;border-radius:3px;padding:11px 12px;font:inherit;font-size:13px}.modal-body textarea{min-height:180px;resize:vertical}.file-label{border:1px dashed #bdc6d1;padding:14px;text-align:center;color:#788496;font-size:13px}.file-label input{display:block;margin:8px auto}.upload-preview{max-width:100%;max-height:180px;display:block;margin:auto}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e7ebef}.cancel-btn{border:1px solid #d8dee6;background:#fff;padding:9px 14px;border-radius:3px;color:#687386}.error-box{background:#fff3f2;border:1px solid #f0c4c0;color:#b34e47;padding:20px}.loading{padding:80px;text-align:center;color:#9aa4b1}
.page-hero-v1{background:#07152b;color:white}.page-hero-v1 .section-shell{padding:90px 30px}.page-hero-v1 h1{font-size:48px;margin:0}.page-body-v1{background:#fff;min-height:55vh}.page-body-v1 h2{font-size:30px;margin:0 0 18px}.page-body-v1 h3{font-size:21px;margin-top:42px}.page-body-v1 p{line-height:1.9;color:#667085}.page-media-placeholder{margin:38px 0;padding:80px 20px;text-align:center;border:1px dashed #c7cdd6;background:#f6f7f8;color:#7b8797}.page-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.page-card-grid a{padding:30px;background:#f5f6f8;border:1px solid #e0e4e9;font-weight:700}.contact-form{max-width:640px;display:grid;gap:12px}.contact-form input,.contact-form textarea{padding:13px;border:1px solid #d8dee7}.contact-form textarea{min-height:130px}.contact-form button{width:max-content;padding:12px 24px;background:#07152b;color:white;border:0}
.member-auth-v1{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,rgba(201,168,106,.13),transparent 35%),linear-gradient(135deg,#090806,#15120d);padding:25px}.member-auth-card{width:min(580px,100%);background:#f7f4ed;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:42px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.member-auth-card>img{height:42px;width:auto;display:block;margin:18px auto 28px}.member-auth-card .back{font-size:12px;color:#8f7650}.auth-tabs{display:flex;border-bottom:1px solid #ded8cd;margin-bottom:25px}.auth-tabs button{flex:1;padding:12px;border:0;background:none;color:#8b8377;font:inherit;cursor:pointer}.auth-tabs button.active{color:#17140f;font-weight:800;border-bottom:2px solid #c9a45c}.member-auth-card form{display:grid;gap:12px}.member-auth-card h1{margin:0;color:#11100d;font-size:30px;font-weight:500}.member-auth-card p{margin:0 0 10px;color:#6d675e;font-size:14px;line-height:1.8}.member-auth-card input{padding:14px;border:1px solid #d8d3ca;border-radius:4px;background:#fff;font-size:14px}.member-auth-card form button{padding:14px;border:0;border-radius:2px;background:#c9a45c;color:#11100d;font-weight:800;cursor:pointer}.member-auth-card #msg{color:#b34e47;font-size:13px;margin-top:14px;min-height:18px}.member-v1{background:#f1f3f6;min-height:100vh}.member-shell{max-width:1050px;margin:auto;padding:55px 20px}.member-welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.member-welcome h1{font-size:34px;margin:0}.member-welcome p{color:#7a8594}.member-welcome button{border:1px solid #ccd3dd;background:white;padding:9px 16px}.member-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.member-card,.member-list{background:white;border:1px solid #e1e6ec;padding:24px}.member-card span,.member-card small{display:block;color:#7c8795}.member-card strong{display:block;font-size:30px;margin:8px 0}.member-list{margin-top:16px}.member-list h2{font-size:18px}.ent-row{padding:14px 0;border-bottom:1px solid #edf0f3;display:grid;gap:5px}.ent-row span,.ent-row small{color:#7e8998;font-size:12px}
@media(max-width:900px){.admin-sidebar{width:180px;flex-basis:180px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.admin-main{padding:20px 14px}.admin-brand small,.admin-top-right span{display:none}}
@media(max-width:700px){.admin-top{height:54px}.admin-layout{display:block}.admin-sidebar{position:fixed;left:0;top:54px;bottom:0;z-index:150;width:250px;transform:translateX(-100%);transition:.2s}.admin-v1.menu-open .admin-sidebar{transform:translateX(0)}.admin-main{padding:18px 10px}.admin-page-head h1{font-size:21px}.admin-page-head{align-items:start}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:14px}.stat-card strong{font-size:23px}.structure-flow{padding:20px 14px}.admin-card{margin-bottom:12px}.member-grid{grid-template-columns:1fr}.member-welcome{display:block}.page-hero-v1 h1{font-size:34px}.page-card-grid{grid-template-columns:1fr}}
.admin-menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:22px;margin-right:8px}@media(max-width:700px){.admin-menu-toggle{display:block}.admin-brand{flex:1}.admin-top{padding:0 10px}}
.purchase-note{font-size:12px;color:#8a6a2c;line-height:1.5;margin:6px 0 0}
.hero-word-rail{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#aab6c7;font-size:14px;letter-spacing:.18em}.hero-word-rail i{font-style:normal;color:#65778f}.hero-word-rail span{opacity:.55;transition:.4s}.hero-word-rail .word-active{color:var(--pi-gold);opacity:1;font-weight:800;animation:wordPulse 2.8s ease-in-out infinite}@keyframes wordPulse{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(-3px);opacity:1}}
.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e5e9ee}.settings-grid div{background:#fff;padding:20px}.settings-grid b,.settings-grid span{display:block}.settings-grid b{font-size:13px;margin-bottom:7px}.settings-grid span{font-size:12px;color:#8792a0}@media(max-width:700px){.settings-grid{grid-template-columns:1fr 1fr}}

/* V1.0.2 — homepage extension only; preserve original V5.2 visual system */
.home-banner-section{background:#07152b;border-top:1px solid rgba(201,164,92,.14);border-bottom:1px solid rgba(201,164,92,.14)}
.home-banner-shell{padding-top:34px;padding-bottom:34px}
.home-banner-kicker{font-size:11px;letter-spacing:.18em;color:var(--pi-gold);margin-bottom:12px}
.home-banner-mount{position:relative;min-height:230px;overflow:hidden}
.home-banner-item,.home-banner-fallback{display:block;position:relative;min-height:230px;border:1px solid rgba(201,164,92,.35);overflow:hidden;background:linear-gradient(120deg,#173654,#07152b)}
.home-banner-item{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}
.home-banner-item.is-active{opacity:1;pointer-events:auto}
.home-banner-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-banner-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:30px 36px;background:linear-gradient(90deg,rgba(7,21,43,.86),rgba(7,21,43,.18) 70%)}
.home-banner-overlay b,.home-banner-fallback b{display:block;font-size:30px;color:#fff;font-weight:500}.home-banner-overlay i,.home-banner-fallback i{font-style:normal;width:42px;height:42px;border:1px solid rgba(201,164,92,.7);display:grid;place-items:center;color:var(--pi-gold);font-size:18px}.home-banner-fallback{display:flex;align-items:flex-end;justify-content:space-between;padding:30px 36px;color:#fff}.home-banner-fallback small{display:block;color:var(--pi-gold);letter-spacing:.18em}.home-banner-fallback span{display:block;color:#aeb9c8;font-size:12px;margin-top:6px}
.home-mobile-menu,.home-mobile-menu-btn{display:none}
@media(max-width:820px){
 .site-header{position:sticky!important;top:0!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;overflow:visible!important}
 .site-brand{flex:0 0 auto!important}.site-nav{display:none!important}.nav-cta{margin-left:auto!important;flex:0 0 auto!important}.home-mobile-menu-btn{display:block!important;margin-left:8px;border:1px solid rgba(201,164,92,.45);background:transparent;color:#fff;width:40px;height:40px;border-radius:2px;font-size:22px;line-height:1;cursor:pointer}
 .home-mobile-menu{display:flex;position:fixed;left:0;right:0;top:64px;z-index:99;transform:translateY(-120%);transition:transform .25s ease;flex-direction:column;background:rgba(7,21,43,.99);padding:8px 18px 18px;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px rgba(0,0,0,.22)}
 body.home-menu-open .home-mobile-menu{transform:translateY(0)}
 .home-mobile-menu a{color:#fff!important;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.home-mobile-menu a:last-child{border-bottom:0}.home-mobile-menu .home-mobile-gold{background:var(--pi-gold);color:#07152b!important;text-align:center;margin-top:10px;font-weight:700}
 .home-banner-shell{padding:24px 20px}.home-banner-mount,.home-banner-item,.home-banner-fallback{min-height:180px}.home-banner-overlay,.home-banner-fallback{padding:22px 20px}.home-banner-overlay b,.home-banner-fallback b{font-size:22px}.home-banner-overlay i,.home-banner-fallback i{width:36px;height:36px}
}

/* V1.0.3 deterministic navigation + contrast */
.home-member-login{font-size:13px;color:#eee8dc!important;white-space:nowrap;margin-right:20px}.home-member-login:hover{color:var(--gold)!important}
.pi-nav a,.pi-login{color:#f3f5f7!important}.pi-nav a:hover,.pi-login:hover{color:var(--pi-gold)!important}.pi-header{isolation:isolate}.pi-nav{position:relative;z-index:2}
@media(max-width:820px){.home-member-login{display:block!important;margin-left:auto;margin-right:8px;font-size:13px!important;padding:9px 4px!important}.nav-cta{margin-left:0!important}.home-mobile-menu-btn{margin-left:8px!important}}

@media(max-width:640px){.member-auth-v1{padding:14px;min-height:100svh}.member-auth-card{width:100%;padding:26px 20px;border-radius:7px}.member-auth-card>img{height:36px;margin:12px auto 22px}.member-auth-card h1{font-size:26px}.member-auth-card p{font-size:13px}.member-auth-card input{padding:13px}.member-auth-card form button{padding:13px}.auth-tabs button{padding:11px}}
/* V1.0.6 member assessment-account presentation */
.member-list-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}
.member-help{margin:8px 0 0;color:rgba(232,225,213,.68);line-height:1.7}
.member-start{white-space:nowrap}
.assessment-account-list{display:grid;gap:12px}
.assessment-account-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px solid rgba(197,164,92,.24);border-radius:14px;background:rgba(255,255,255,.035)}
.assessment-account-row strong{display:block;margin-top:5px;font-size:22px;letter-spacing:1px;color:#f4e7c6}
.assessment-account-row small{display:block;margin-top:7px;color:rgba(232,225,213,.62)}
.account-label{font-size:12px;color:#c5a45c;letter-spacing:1px}
.assessment-account-row button{border:1px solid rgba(197,164,92,.45);background:transparent;color:#e8e1d5;border-radius:8px;padding:9px 14px;cursor:pointer}
.empty-state{padding:22px;border:1px dashed rgba(197,164,92,.25);border-radius:14px;color:rgba(232,225,213,.65)}
@media(max-width:700px){.member-list-head{display:block}.member-start{display:inline-block;margin-top:14px}.assessment-account-row{align-items:flex-start}.assessment-account-row strong{font-size:19px}.assessment-account-row button{flex:0 0 auto}}

/* V1.0.7 visual correction: unified member login with the assessment login building artwork. */
.member-auth-v1{position:relative;overflow:hidden;background:#06111e url('/static/assets/visuals/login-building-v210.png') center center/cover no-repeat!important;}
.member-auth-v1:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(3,12,22,.28),rgba(3,12,22,.62) 55%,rgba(3,12,22,.86));z-index:0;pointer-events:none}
.member-auth-card{position:relative;z-index:1;background:rgba(7,21,43,.80)!important;border:1px solid rgba(215,184,121,.30)!important;box-shadow:0 25px 90px rgba(0,0,0,.42)!important;color:#f6f1e6}
.member-auth-card .back{color:#e0c88e!important}.member-auth-card h1{color:#fff!important}.member-auth-card p{color:#cbd3dc!important}.member-auth-card input{background:rgba(255,255,255,.96)!important}.auth-tabs{border-bottom-color:rgba(255,255,255,.18)!important}.auth-tabs button{color:#bdc7d1!important}.auth-tabs button.active{color:#ecd39a!important}.member-auth-card #msg{color:#ffd0c9!important}
@media(max-width:640px){.member-auth-v1{padding:14px;background-position:center center!important}.member-auth-card{padding:25px 19px!important;background:rgba(7,21,43,.84)!important}}
/* V1.0.7 public dark-block palette: use deep navy rather than near-black. */
.landing-page .section-dark{background:#07152b!important}.landing-page .site-footer{background:#07152b!important}.landing-page .expertise-cards .art{background:#0d2342!important}.landing-page .mobile-fixed-cta{background:rgba(7,21,43,.97)!important}
.member-v1{background:#eef2f6}
.admin-check{display:flex;align-items:center;gap:8px;color:#687789;font-size:12px}.admin-check input{width:auto!important}
.transfer-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #edf0f3}.transfer-row strong{display:block;color:#20384f}.transfer-row small{display:block;color:#8793a2;font-size:11px;margin-top:4px}.transfer-status{font-size:11px;color:#5d8d70;border:1px solid #c9e2d2;padding:5px 9px;border-radius:12px;white-space:nowrap}
@media(max-width:700px){.transfer-row{align-items:flex-start}.transfer-row .transfer-status{flex:0 0 auto}}

/* V1.0.7 homepage banner: true full-bleed, natural image height, no cropping. */
.landing-page .home-banner-section{width:100%;padding:0!important;margin:0!important}
.landing-page .home-banner-shell{width:100%;max-width:none;padding:0!important;margin:0!important}
.landing-page .home-banner-kicker{display:none!important}
.landing-page .home-banner-mount{width:100%;min-height:0;overflow:hidden}
.landing-page .home-banner-item{display:none;position:relative;min-height:0;width:100%;border:0!important;background:#07152b;overflow:hidden}
.landing-page .home-banner-item.is-active{display:block;opacity:1;pointer-events:auto}
.landing-page .home-banner-item img{display:block;position:relative;inset:auto;width:100%;height:auto;max-width:none;object-fit:contain}
.landing-page .home-banner-overlay{inset:auto 0 0;min-height:92px;padding:28px 5vw 24px;background:linear-gradient(180deg,transparent,rgba(7,21,43,.82));display:flex;align-items:flex-end;justify-content:space-between}
.landing-page .home-banner-overlay b{font-size:clamp(20px,2.2vw,34px)}
@media(max-width:640px){.landing-page .home-banner-overlay{min-height:72px;padding:18px 18px 15px}.landing-page .home-banner-overlay b{font-size:18px}.landing-page .home-banner-overlay i{width:34px;height:34px}}
.home-cms-section{background:#f5f2eb;color:#1a2028}.home-cms-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.home-cms-head h2{font-size:40px;line-height:1.25;margin:0}.home-cms-head p{max-width:420px;color:#687386;margin:0;line-height:1.8}.home-cms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-cms-card{display:block;background:#fff;border:1px solid #e3e6eb;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.home-cms-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(7,21,43,.10)}.home-cms-card img,.home-cms-art{width:100%;height:210px;object-fit:cover;background:linear-gradient(135deg,#173654,#07152b)}.home-cms-copy{padding:22px 22px 24px}.home-cms-copy span{display:block;color:#c9a45c;font-size:10px;letter-spacing:.15em}.home-cms-copy b{display:block;color:#172033;font-size:22px;margin:10px 0 7px}.home-cms-copy small{display:block;color:#687386;font-size:13px;line-height:1.7}.home-cms-copy i{display:block;margin-top:17px;color:#9a7437;font-style:normal;font-size:12px}@media(max-width:900px){.home-cms-head{display:block}.home-cms-head h2{font-size:32px}.home-cms-head p{margin-top:10px}.home-cms-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.home-cms-grid{grid-template-columns:1fr}.home-cms-card img,.home-cms-art{height:180px}}

.account-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-actions button{border:1px solid rgba(197,164,92,.45);background:transparent;color:#e8e1d5;border-radius:8px;padding:9px 14px;cursor:pointer}.account-actions button:last-child{background:#c9a45c;color:#07152b;border-color:#c9a45c;font-weight:700}
@media(max-width:700px){.account-actions{width:100%}.account-actions button{padding:8px 11px}}

/* V1.0.8 member center: premium deep-blue / champagne visual system */
.member-v1{background:#07152b!important;color:#eef1f4;min-height:100vh}.member-v1:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0,rgba(201,164,92,.10),transparent 30%),linear-gradient(180deg,#07152b,#091b30 65%,#07152b);z-index:-1}.member-v1 .site-header-v1{background:rgba(7,21,43,.88);border-bottom:1px solid rgba(201,164,92,.18);backdrop-filter:blur(12px)}.member-shell{max-width:1120px;padding:62px 22px 80px}.member-welcome{padding:28px 30px;margin-bottom:20px;border:1px solid rgba(201,164,92,.20);border-radius:16px;background:linear-gradient(135deg,rgba(15,38,65,.96),rgba(7,21,43,.94));box-shadow:0 18px 50px rgba(0,0,0,.20)}.member-welcome h1{color:#f6f1e7;font-weight:500;letter-spacing:.02em}.member-welcome p{color:rgba(235,239,244,.60)!important}.member-welcome button{background:transparent;color:#dfc488;border:1px solid rgba(201,164,92,.35);border-radius:8px}.member-grid{gap:16px}.member-card,.member-list{background:linear-gradient(145deg,rgba(15,38,65,.94),rgba(8,25,45,.94));border:1px solid rgba(201,164,92,.18);border-radius:16px;color:#edf1f4;box-shadow:0 16px 42px rgba(0,0,0,.16)}.member-card{padding:26px}.member-card span{color:#c9a45c}.member-card small,.member-help{color:rgba(232,225,213,.60)!important}.member-card strong{color:#f5ead3;font-weight:500}.member-list{padding:28px 30px}.member-list h2{color:#f6f1e7;font-weight:500;margin:0}.member-list-head{border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:18px}.assessment-account-row{background:rgba(255,255,255,.035);border-color:rgba(201,164,92,.18);border-radius:12px}.assessment-account-row strong{color:#f3e5c3}.assessment-account-row small{color:rgba(232,225,213,.55)}.assessment-account-row button{color:#e9dfcd}.ent-row{border-bottom-color:rgba(255,255,255,.07)}.ent-row b{color:#f0e5d2}.ent-row span,.ent-row small{color:rgba(232,225,213,.55)}.empty-state{border-color:rgba(201,164,92,.18);color:rgba(232,225,213,.58)}.transfer-row{border-bottom-color:rgba(255,255,255,.07)}.transfer-row strong{color:#f1e5d0}.transfer-row small{color:rgba(232,225,213,.52)}.transfer-status{color:#9ed1b0;border-color:rgba(120,190,145,.30);background:rgba(120,190,145,.06)}.account-actions button:last-child{background:#c9a45c;color:#07152b}@media(max-width:700px){.member-shell{padding:28px 14px 70px}.member-welcome{padding:22px 18px;align-items:flex-start}.member-list{padding:22px 18px}.member-card{padding:21px}.member-welcome h1{font-size:28px}}
.editor-template-tip{padding:11px 13px;border:1px solid #eadfc8;background:#fbf7ed;color:#7c6949;font-size:12px;line-height:1.7}

/* V1.0.8 banner override: hidden as a whole when no published item. */
.landing-page .home-banner-section[style*="display:none"]{display:none!important}.landing-page .home-banner-section{width:100%;padding:0!important;margin:0!important}.landing-page .home-banner-shell{width:100%;max-width:none;padding:0!important}.landing-page .home-banner-mount{width:100%;min-height:0;overflow:hidden}.landing-page .home-banner-item{position:relative!important;inset:auto!important;width:100%;height:auto;min-height:0!important;display:none!important;opacity:1!important}.landing-page .home-banner-item.is-active{display:block!important}.landing-page .home-banner-item img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;object-fit:contain!important;display:block!important}.landing-page .home-banner-overlay{position:absolute!important;inset:auto 0 0!important}

.member-transfer-modal{position:fixed;inset:0;z-index:1000;background:rgba(2,10,20,.78);display:flex;align-items:center;justify-content:center;padding:20px}.member-transfer-box{width:min(560px,100%);max-height:90vh;overflow:auto;background:#0b2039;color:#eee;border:1px solid rgba(201,164,92,.28);border-radius:14px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.member-transfer-head{display:flex;justify-content:space-between;align-items:center}.member-transfer-head h3{margin:0;color:#e0bf78}.member-transfer-head button{border:0;background:none;color:#fff;font-size:26px}.member-transfer-box input,.member-transfer-box textarea{width:100%;box-sizing:border-box;margin:9px 0;padding:12px;border:1px solid rgba(201,164,92,.22);border-radius:8px;background:rgba(255,255,255,.04);color:#fff}.transfer-check-list{max-height:280px;overflow:auto;border:1px solid rgba(201,164,92,.18);border-radius:9px;padding:8px}.transfer-check{display:flex;gap:10px;padding:10px;color:#eee}.transfer-select-actions{display:flex;gap:8px;margin:8px 0}.transfer-select-actions button,.member-transfer-foot>button:first-child{background:transparent;border:1px solid rgba(201,164,92,.25);color:#d9c08c;border-radius:6px;padding:8px 12px}.member-transfer-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.editor-template-tip{padding:12px 14px;border:1px solid #eadfc8;background:#fbf7ed;color:#7c6949;font-size:12px;line-height:1.7;margin-bottom:12px}
/* V1.1.1: dynamic custom navigation keeps the original master layout while allowing responsive spacing. */
.pi-nav{gap:clamp(18px,2.5vw,42px);flex:1;justify-content:flex-end;min-width:0}.pi-actions{margin-left:clamp(12px,2vw,30px);flex:0 0 auto}.pi-nav a{max-width:10em;overflow:hidden;text-overflow:ellipsis}
.desktop-nav{gap:clamp(18px,2.2vw,34px);flex:1;justify-content:flex-end;min-width:0}.desktop-nav a{max-width:9em;overflow:hidden;text-overflow:ellipsis}
.cms-poster-zone{position:relative;overflow:hidden}.cms-poster-zone .pi-banner-content{position:relative;z-index:2}.cms-poster-zone .cms-poster-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.member-transfer-box .transfer-check-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-height:300px;overflow:auto;padding:10px;background:rgba(255,255,255,.015)}.member-transfer-box .transfer-check{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-width:0;min-height:68px;padding:12px 14px;margin:0;border:1px solid rgba(201,164,92,.18);border-radius:10px;background:rgba(255,255,255,.035);cursor:pointer}.member-transfer-box .transfer-check:hover{border-color:rgba(201,164,92,.45);background:rgba(201,164,92,.06)}.member-transfer-box .transfer-check input{width:18px;height:18px;flex:0 0 18px;margin:0}.member-transfer-box .transfer-check span{display:block;min-width:0;font-size:15px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;color:#f0e5d2}.member-transfer-box .transfer-select-actions{flex-wrap:wrap}
@media(max-width:520px){.member-transfer-box{padding:18px}.member-transfer-box .transfer-check-list{grid-template-columns:1fr;max-height:250px}.member-transfer-box .transfer-check{min-height:60px}.member-transfer-box .member-transfer-foot{position:sticky;bottom:-18px;padding-top:10px;background:#0b2039}}
/* V1.1.2 member assessment account compact mobile layout */
.assessment-account-row{align-items:center}
.assessment-account-row .account-label{display:inline-block;margin-right:12px;color:#c9a45c;font-size:13px}
.assessment-account-row strong{display:inline-block;margin-top:0;white-space:nowrap}
.assessment-account-row small{display:inline-block;margin:0 0 0 14px;white-space:nowrap}
@media(max-width:700px){.assessment-account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 13px}.assessment-account-row>div:first-child{min-width:0;flex:1}.assessment-account-row .account-label{font-size:12px;margin-right:7px}.assessment-account-row strong{font-size:16px;letter-spacing:.4px}.assessment-account-row small{display:block;margin:5px 0 0;white-space:nowrap;font-size:11px}.account-actions{display:flex;gap:6px;flex:0 0 auto}.assessment-account-row button{padding:7px 9px;font-size:11px}}

/* V1.1.3: custom CMS poster sync + compact mobile member account rows. */
.custom-page-poster-section{background:#07152b;padding:0;margin:0}
.custom-page-poster{width:100%;background:#07152b;overflow:hidden}
.custom-page-poster img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;padding:0}
.custom-page-body{padding-top:34px}
.cms-team-poster-empty{min-height:360px;background:#07152b!important;border:0!important}
.cms-team-poster{position:relative;width:100%;background:#07152b;overflow:hidden}
.cms-team-poster img{display:block;width:100%;height:auto;object-fit:contain;margin:0;padding:0}
.assessment-account-row .account-main{min-width:0;flex:1}
.assessment-account-row .account-line{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}
.assessment-account-row .account-line .account-label{display:inline-block;flex:0 0 auto;margin:0;white-space:nowrap}
.assessment-account-row .account-line strong{display:inline-block;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assessment-account-row .account-status-line{margin-top:6px;min-width:0}
.assessment-account-row .account-status-line small{display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){
 .assessment-account-row{display:flex;align-items:center;gap:9px;padding:13px 12px}
 .assessment-account-row .account-main{min-width:0}
 .assessment-account-row .account-line{gap:7px;min-height:22px}
 .assessment-account-row .account-line .account-label{font-size:13px;letter-spacing:0;flex:0 0 auto}
 .assessment-account-row .account-line strong{font-size:16px;letter-spacing:.2px;flex:1;min-width:0}
 .assessment-account-row .account-status-line{margin-top:4px}
 .assessment-account-row .account-status-line small{font-size:11px;line-height:1.45;white-space:nowrap}
 .assessment-account-row .account-actions{width:auto;flex:0 0 auto;display:flex;gap:5px;align-items:center}
 .assessment-account-row .account-actions button{padding:7px 8px;font-size:11px;white-space:nowrap}
}
@media(max-width:390px){
 .assessment-account-row{gap:6px;padding:12px 10px}
 .assessment-account-row .account-line .account-label{font-size:12px}
 .assessment-account-row .account-line strong{font-size:14px}
 .assessment-account-row .account-status-line small{font-size:10px}
 .assessment-account-row .account-actions{gap:4px}
 .assessment-account-row .account-actions button{padding:6px 7px;font-size:10px}
}


/* V1.1.4: member assessment account actions stay inside card and stack vertically.
   The account card keeps the account/status content together, while copy/transfer
   controls are placed in a vertical action column so they never overflow the card. */
.assessment-account-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
}
.assessment-account-row .account-main{
  width:100%!important;
  min-width:0!important;
  flex:0 0 auto!important;
}
.assessment-account-row .account-line{
  width:100%!important;
  min-width:0!important;
}
.assessment-account-row .account-status-line{
  width:100%!important;
  min-width:0!important;
}
.assessment-account-row .account-actions{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}
.assessment-account-row .account-actions button{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:108px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
@media(max-width:700px){
  .assessment-account-row{
    padding:14px 14px!important;
    gap:10px!important;
  }
  .assessment-account-row .account-line{
    gap:8px!important;
  }
  .assessment-account-row .account-line .account-label{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }
  .assessment-account-row .account-line strong{
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:16px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .assessment-account-row .account-status-line small{
    display:block!important;
    width:100%!important;
    font-size:11px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .assessment-account-row .account-actions{
    align-items:flex-start!important;
    gap:7px!important;
  }
  .assessment-account-row .account-actions button{
    min-width:108px!important;
    padding:8px 12px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
}
@media(max-width:390px){
  .assessment-account-row{padding:13px 12px!important}
  .assessment-account-row .account-line .account-label{font-size:12px!important}
  .assessment-account-row .account-line strong{font-size:15px!important}
  .assessment-account-row .account-actions button{min-width:104px!important;font-size:11px!important;padding:7px 11px!important}
}

/* V1.1.6: exact member assessment account card layout.
   Match the approved mobile reference: account/status stay on the left;
   copy/transfer are stacked vertically on the right, fully inside the card. */
.assessment-account-row{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:88px!important;
  box-sizing:border-box!important;
  padding:13px 12px 13px 14px!important;
}
.assessment-account-row .account-main{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  overflow:hidden!important;
}
.assessment-account-row .account-line{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:22px!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.assessment-account-row .account-line .account-label{
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:22px!important;
}
.assessment-account-row .account-line strong{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  font-size:16px!important;
  line-height:22px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.assessment-account-row .account-status-line{
  width:100%!important;
  min-width:0!important;
  margin:5px 0 0!important;
  overflow:hidden!important;
}
.assessment-account-row .account-status-line small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:11px!important;
  line-height:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.assessment-account-row .account-actions{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.assessment-account-row .account-actions button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:78px!important;
  min-width:78px!important;
  height:34px!important;
  padding:0 8px!important;
  margin:0!important;
  border-radius:7px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  .assessment-account-row{
    min-height:86px!important;
    padding:12px 11px 12px 13px!important;
    gap:8px!important;
  }
  .assessment-account-row .account-line{
    gap:7px!important;
  }
  .assessment-account-row .account-line .account-label{
    font-size:12px!important;
    line-height:21px!important;
  }
  .assessment-account-row .account-line strong{
    font-size:15px!important;
    line-height:21px!important;
    letter-spacing:0!important;
  }
  .assessment-account-row .account-status-line{
    margin-top:4px!important;
  }
  .assessment-account-row .account-status-line small{
    font-size:10.5px!important;
    line-height:17px!important;
  }
  .assessment-account-row .account-actions{
    gap:6px!important;
  }
  .assessment-account-row .account-actions button{
    width:76px!important;
    min-width:76px!important;
    height:32px!important;
    padding:0 7px!important;
    font-size:11px!important;
  }
}
@media(max-width:390px){
  .assessment-account-row{
    min-height:82px!important;
    padding:10px 10px 10px 12px!important;
    gap:7px!important;
  }
  .assessment-account-row .account-line .account-label{font-size:12px!important}
  .assessment-account-row .account-line strong{font-size:14px!important}
  .assessment-account-row .account-status-line small{font-size:10px!important}
  .assessment-account-row .account-actions{gap:5px!important}
  .assessment-account-row .account-actions button{
    width:72px!important;
    min-width:72px!important;
    height:30px!important;
    font-size:10.5px!important;
  }
}

/* V1.1.8 visual refinement */
.landing-page .home-banner-overlay{
  inset:auto 0 0!important;
  min-height:0!important;
  padding:0 4.5vw 28px!important;
  background:none!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  pointer-events:none!important;
}
.landing-page .home-banner-overlay i{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border:1px solid rgba(213,180,119,.72)!important;
  background:rgba(7,21,43,.18)!important;
  display:grid!important;
  place-items:center!important;
  color:var(--pi-gold)!important;
  font-size:18px!important;
  font-style:normal!important;
  line-height:1!important;
}
.landing-page .home-banner-overlay b{display:none!important}
.landing-page .home-banner-item{cursor:pointer}
@media(max-width:640px){
  .landing-page .home-banner-overlay{padding:0 16px 14px!important}
  .landing-page .home-banner-overlay i{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:15px!important}
}

/* About/course poster zones: fixed 16:6 presentation on desktop, full-image fit on mobile. */
.cms-poster-zone{
  aspect-ratio:16/6!important;
  min-height:0!important;
  height:auto!important;
}
.cms-poster-zone .cms-poster-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.cms-mentor-poster{
  width:100%;
  aspect-ratio:16/6;
  min-height:0;
  overflow:hidden;
  background:#07152b;
  border:1px solid rgba(215,184,121,.20);
}
.cms-mentor-poster-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:900px){
  .cms-poster-zone{
    aspect-ratio:auto!important;
    height:auto!important;
    min-height:0!important;
  }
  .cms-poster-zone .cms-poster-image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .cms-mentor-poster{
    aspect-ratio:auto;
    height:auto;
    min-height:0;
  }
  .cms-mentor-poster-image{
    width:100%;
    height:auto;
    object-fit:contain;
  }
}

/* Growth path arrows: place each arrow exactly at the midpoint between adjacent rectangles. */
@media(min-width:901px){
  .growth-steps>div:after{
    width:24px!important;
    height:24px!important;
    right:0!important;
    top:66px!important;
    transform:translateX(50%)!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    line-height:1!important;
    font-size:19px!important;
  }
}
@media(max-width:900px){
  .growth-steps>div:after{
    left:50%!important;
    right:auto!important;
    bottom:-14px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    line-height:1!important;
  }
}

/* V1.1.8 legal page actions */
.policy-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid #d9d0c1}.policy-actions a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #c9bda9;color:#665b4d;text-decoration:none}.policy-actions a:hover{border-color:#9c7a43;color:#9c7a43}

/* V1.1.9 fixes: clean image-only homepage banner, true 16:6 posters, centered growth arrows. */
.landing-page .home-banner-overlay{background:transparent!important;min-height:0!important;padding:0!important;align-items:flex-end;justify-content:flex-end;pointer-events:none}
.landing-page .home-banner-overlay i{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;margin:0 28px 24px 0!important;border:1px solid rgba(201,164,92,.88)!important;background:rgba(7,21,43,.18)!important;color:var(--pi-gold)!important;font-style:normal!important}
.landing-page .home-banner-overlay b{display:none!important}
.about .cms-poster-zone,.pi-content .cms-poster-zone{aspect-ratio:8/3!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}
.about .cms-poster-zone .cms-poster-image,.pi-content .cms-poster-zone .cms-poster-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.cms-mentor-poster{aspect-ratio:8/3!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}
.cms-mentor-poster-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
/* On desktop, the arrow belongs to the exact midpoint of the gap between adjacent growth icons. */
@media(min-width:901px){
 .landing-page .growth-steps{column-gap:28px!important}
 .landing-page .growth-steps>div{min-width:0!important}
 .landing-page .growth-steps>div:after{right:-14px!important;top:70px!important;transform:none!important}
}
@media(max-width:900px){
 .landing-page .home-banner-overlay i{width:38px!important;height:38px!important;flex-basis:38px!important;margin:0 14px 14px 0!important}
 .about .cms-poster-zone,.pi-content .cms-poster-zone,.cms-mentor-poster{aspect-ratio:auto!important;height:auto!important;min-height:0!important}
 .about .cms-poster-zone .cms-poster-image,.pi-content .cms-poster-zone .cms-poster-image,.cms-mentor-poster-image{position:relative!important;width:100%!important;height:auto!important;object-fit:contain!important}
 .landing-page .growth-steps{column-gap:0!important}
 .landing-page .growth-steps>div:after{right:auto!important;left:50%!important;transform:translateX(-50%)!important}
}
/* V1.1.9 admin upload visibility and guidance. */
.poster-upload-field{padding:14px;background:#fbfcfd;border:1px solid #e4e8ed}
.poster-upload-field>span{display:block;font-weight:700;color:#344256;margin-bottom:10px}
.poster-upload-field .file-label{background:#fff;min-height:48px}
.poster-size-hint{color:#607084!important;font-weight:600;margin-top:8px}

.auth-consent{display:block;font-size:12px;line-height:1.6;color:#687689;margin:10px 0}.auth-consent input{margin-right:5px}.auth-consent a{color:#9a8052}.exchange-btn{border:1px solid rgba(213,180,119,.7);background:transparent;color:#8a6d3d;border-radius:10px;padding:10px 14px;font-weight:700}.site-disclaimer{font-size:12px;color:#98a2b3;text-align:center;padding:14px 0 10px}.action-plan-card{margin-top:18px}.action-plan-box{max-width:720px}.member-transfer-box input,.member-transfer-box textarea{box-sizing:border-box;width:100%;margin:8px 0;padding:12px;border:1px solid #dfe4ea;border-radius:10px;font:inherit}.action-plan-box p{font-size:13px;line-height:1.7;color:#687689}.member-start{white-space:nowrap}

/* V1.3.1 bugfix: purchase/exchange remain equal-width in one row; primary CTA sits below. */
.login-card .login-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  margin-top:24px!important;
}
.login-card .purchase-btn,
.login-card .exchange-btn{
  width:100%!important;
  height:48px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(215,184,121,.35)!important;
  background:rgba(255,255,255,.03)!important;
  color:#e0cfaa!important;
  border-radius:4px!important;
  padding:0 12px!important;
  font-size:14px!important;
  font-weight:600!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.login-card .login-actions .btn{
  grid-column:1 / -1!important;
  width:100%!important;
}
.login-card .purchase-btn:hover,
.login-card .exchange-btn:hover{
  border-color:rgba(215,184,121,.62)!important;
  background:rgba(215,184,121,.08)!important;
}
.site-disclaimer{
  font-size:10px!important;
  line-height:1.65!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
  padding:10px 0 8px!important;
}
@media(max-width:640px){
  .login-card .login-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin-top:20px!important;}
  .login-card .purchase-btn,.login-card .exchange-btn{height:48px!important;font-size:12px!important;padding:0 8px!important;white-space:nowrap!important;}
  .login-card .login-actions .btn{height:52px!important;}
  .site-disclaimer{font-size:9px!important;line-height:1.6!important;padding:8px 12px 6px!important;}
}


/* V1.5.0｜兑换测评 */
.redeem-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(2,9,16,.72);backdrop-filter:blur(7px)}
.redeem-modal[hidden]{display:none}
.redeem-box{width:min(460px,100%);padding:28px;border-radius:16px;background:#f7f4ed;border:1px solid rgba(215,184,121,.32);box-shadow:0 30px 90px rgba(0,0,0,.5);color:#172943}
.redeem-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.redeem-head h3{margin:0;font-size:22px;color:#172943}
.redeem-head p{margin:5px 0 0;font-size:12px;line-height:1.7;color:#778394}
.redeem-close{border:0;background:transparent;color:#7c8795;font-size:25px;line-height:1;cursor:pointer}
.redeem-box label{display:block;margin:0 0 7px;font-size:13px;font-weight:700;color:#172943}
.redeem-box input{width:100%;height:48px;box-sizing:border-box;padding:0 14px;border:1px solid #d8d3ca;border-radius:7px;background:#fff;color:#172943;font-size:15px;letter-spacing:.04em;outline:none}
.redeem-box input:focus{border-color:#caa866;box-shadow:0 0 0 3px rgba(202,168,102,.12)}
.redeem-tip{margin:12px 0;padding:11px 12px;border-radius:8px;background:#f1eee7;color:#697484;font-size:11px;line-height:1.7}
.redeem-msg{min-height:22px;margin-top:10px;font-size:12px;line-height:1.6;color:#a63d37}
.redeem-submit{width:100%;height:46px;border:0;border-radius:5px;background:linear-gradient(135deg,#ecd39a,#c29b59);color:#101822;font-weight:800;cursor:pointer}
.redeem-result{margin-top:12px;padding:16px;border-radius:10px;background:#fff;border:1px solid #e1d8c8}
.redeem-result strong{display:block;color:#172943;font-size:13px;margin-bottom:6px}
.redeem-account{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:8px 0;background:#f7f4ed;border-radius:7px;font-size:17px;font-weight:900;letter-spacing:.06em;color:#8b6a34}
.redeem-copy{border:1px solid #caa866;background:#fff;color:#8b6a34;border-radius:5px;padding:6px 9px;cursor:pointer;font-size:11px;font-weight:700}
.redeem-result p{margin:5px 0 0;font-size:11px;line-height:1.7;color:#778394}
.redeem-result-actions{display:flex;gap:8px;margin-top:12px}
.redeem-result-actions button{flex:1;height:40px;border-radius:5px;cursor:pointer;font-weight:700}
.redeem-use{border:0;background:#172943;color:#fff}
.redeem-again{border:1px solid #d6c7a9;background:#fff;color:#8b6a34}
@media(max-width:600px){.redeem-box{padding:22px 18px}.redeem-account{font-size:15px}.redeem-result-actions{flex-direction:column}}


/* ===== V1.5.2｜测评登录页响应式稳定性修复 =====
/* 统一覆盖历史版本中重复的 login 尺寸规则，避免桌面端/移动端因固定 min-height 与大间距被挤压。 */
body.login{
  min-height:100vh!important;
  min-height:100dvh!important;
  width:100%!important;
  padding:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
}
body.login .login-card{
  width:min(560px,calc(100vw - 48px))!important;
  max-width:560px!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:0 48px 32px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.login .login-back{position:relative!important;left:auto!important;top:auto!important;padding:20px 0 0!important;margin:0!important;line-height:1.5!important;}
body.login .login-logo-only{
  width:100%!important;
  height:190px!important;
  flex:0 0 190px!important;
  margin:0 0 18px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
}
body.login .login-logo-only .brand-logo{
  width:180px!important;
  max-width:72%!important;
  height:auto!important;
}
body.login .login-card form{width:100%!important;max-width:none!important;margin:0!important;}
body.login .account-field{width:100%!important;margin:0 0 18px!important;}
body.login .account-field input{width:100%!important;box-sizing:border-box!important;height:54px!important;}
body.login .login-card .check{width:100%!important;box-sizing:border-box!important;margin:0 0 20px!important;line-height:1.65!important;}
body.login .login-card .login-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  margin:0!important;
}
body.login .login-card .purchase-btn,
body.login .login-card .exchange-btn,
body.login .login-card .login-actions .btn{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.login .login-card .login-actions .btn{grid-column:1/-1!important;height:54px!important;}
body.login .login-special{
  width:100%!important;
  margin:30px 0 0!important;
  padding:16px 0 0!important;
  box-sizing:border-box!important;
}
body.login .login-special p{margin:7px 0 0!important;line-height:1.75!important;}

@media (max-width:900px){
  body.login{padding:12px!important;align-items:center!important;}
  body.login .login-card{
    width:min(100%,560px)!important;
    max-width:560px!important;
    min-height:0!important;
    padding:0 24px 24px!important;
    border-radius:12px!important;
  }
  body.login .login-back{padding-top:16px!important;}
  body.login .login-logo-only{
    height:160px!important;
    flex-basis:160px!important;
    margin-bottom:12px!important;
  }
  body.login .login-logo-only .brand-logo{width:165px!important;max-width:68%!important;}
  body.login .account-field{margin-bottom:16px!important;}
  body.login .account-field input{height:52px!important;font-size:15px!important;}
  body.login .login-card .check{margin-bottom:18px!important;font-size:12px!important;}
  body.login .login-card .login-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;}
  body.login .login-card .purchase-btn,
  body.login .login-card .exchange-btn{height:48px!important;font-size:12px!important;padding:0 8px!important;white-space:nowrap!important;}
  body.login .login-card .login-actions .btn{height:52px!important;}
  body.login .login-special{margin-top:24px!important;padding-top:13px!important;}
  body.login .login-special p{font-size:11px!important;line-height:1.75!important;}
}

@media (max-width:420px){
  body.login{padding:8px!important;}
  body.login .login-card{padding-left:16px!important;padding-right:16px!important;padding-bottom:20px!important;}
  body.login .login-back{padding-top:14px!important;font-size:11px!important;}
  body.login .login-logo-only{height:132px!important;flex-basis:132px!important;margin-bottom:10px!important;}
  body.login .login-logo-only .brand-logo{width:145px!important;}
  body.login .account-field input{height:50px!important;font-size:14px!important;}
  body.login .login-card .check{font-size:11px!important;gap:6px!important;line-height:1.6!important;}
  body.login .login-card .check input{width:15px!important;height:15px!important;min-width:15px!important;flex-basis:15px!important;}
  body.login .login-card .purchase-btn,
  body.login .login-card .exchange-btn{height:46px!important;font-size:11px!important;}
  body.login .login-card .login-actions .btn{height:50px!important;font-size:13px!important;}
  body.login .login-special{margin-top:20px!important;padding-top:11px!important;}
  body.login .login-special p{font-size:10px!important;line-height:1.7!important;}
}


/* ===== V1.5.3｜测评登录页最终响应式布局修复 =====
/*
 * 目标：
 * 1. PC：登录卡片始终位于浏览器可视区域正中央，禁止 flex/grid 被历史规则挤到左侧。
 * 2. 手机：卡片随 viewport 宽度自适应，不使用固定宽度/固定最小高度，不产生“半屏卡片”。
 * 3. 内容宽度统一由卡片内边距控制，输入框、协议、按钮、提示区域始终对齐。
 */
body.login{
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:32px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
}
body.login > .login-card{
  position:relative!important;
  flex:0 1 auto!important;
  align-self:center!important;
  width:min(620px,calc(100vw - 64px))!important;
  max-width:620px!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0 48px 34px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.login > .login-card .login-back{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:100%!important;
  padding:20px 0 0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body.login > .login-card .login-logo-only{
  width:100%!important;
  height:205px!important;
  flex:0 0 205px!important;
  margin:0 0 22px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
}
body.login > .login-card .login-logo-only .brand-logo{
  width:205px!important;
  max-width:78%!important;
  height:auto!important;
  object-fit:contain!important;
}
body.login > .login-card form,
body.login > .login-card .account-field,
body.login > .login-card .check,
body.login > .login-card .login-actions,
body.login > .login-card .login-special{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.login > .login-card .account-field{margin:0 0 18px!important;}
body.login > .login-card .account-field input{
  width:100%!important;
  height:56px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 18px!important;
  font-size:16px!important;
}
body.login > .login-card .check{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:20px!important;
  margin:0 0 22px!important;
  padding:0!important;
  line-height:20px!important;
  font-size:12px!important;
  white-space:normal!important;
}
body.login > .login-card .check input{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  padding:0!important;
}
body.login > .login-card .login-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  margin:0!important;
}
body.login > .login-card .purchase-btn,
body.login > .login-card .exchange-btn,
body.login > .login-card .login-actions .btn{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
}
body.login > .login-card .purchase-btn,
body.login > .login-card .exchange-btn{height:52px!important;}
body.login > .login-card .login-actions .btn{
  grid-column:1/-1!important;
  height:54px!important;
}
body.login > .login-card .login-special{
  margin:44px 0 0!important;
  padding:17px 0 0!important;
  box-sizing:border-box!important;
}
body.login > .login-card .login-special p{
  margin:7px 0 0!important;
  font-size:12px!important;
  line-height:1.8!important;
}

@media (max-width:900px){
  body.login{
    width:100vw!important;
    max-width:100vw!important;
    min-height:100dvh!important;
    padding:12px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.login > .login-card{
    flex:0 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    padding:0 22px 24px!important;
    margin:0 auto!important;
    border-radius:12px!important;
  }
  body.login > .login-card .login-back{
    padding-top:15px!important;
    font-size:11px!important;
  }
  body.login > .login-card .login-logo-only{
    height:170px!important;
    flex-basis:170px!important;
    margin-bottom:16px!important;
  }
  body.login > .login-card .login-logo-only .brand-logo{
    width:175px!important;
    max-width:68%!important;
  }
  body.login > .login-card .account-field{margin-bottom:16px!important;}
  body.login > .login-card .account-field input{
    height:52px!important;
    font-size:15px!important;
  }
  body.login > .login-card .check{
    gap:8px!important;
    margin-bottom:18px!important;
    font-size:12px!important;
    line-height:19px!important;
  }
  body.login > .login-card .login-actions{gap:8px!important;}
  body.login > .login-card .purchase-btn,
  body.login > .login-card .exchange-btn{
    height:48px!important;
    font-size:12px!important;
    padding:0 8px!important;
    white-space:nowrap!important;
  }
  body.login > .login-card .login-actions .btn{
    height:52px!important;
    font-size:14px!important;
  }
  body.login > .login-card .login-special{
    margin-top:28px!important;
    padding-top:14px!important;
  }
  body.login > .login-card .login-special strong{font-size:12px!important;}
  body.login > .login-card .login-special p{
    font-size:11px!important;
    line-height:1.75!important;
  }
}

@media (max-width:420px){
  body.login{padding:8px!important;}
  body.login > .login-card{
    width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    padding-bottom:20px!important;
  }
  body.login > .login-card .login-back{padding-top:13px!important;font-size:11px!important;}
  body.login > .login-card .login-logo-only{
    height:145px!important;
    flex-basis:145px!important;
    margin-bottom:12px!important;
  }
  body.login > .login-card .login-logo-only .brand-logo{width:150px!important;max-width:66%!important;}
  body.login > .login-card .account-field input{height:50px!important;font-size:14px!important;}
  body.login > .login-card .check{
    gap:6px!important;
    margin-bottom:16px!important;
    font-size:11px!important;
    line-height:18px!important;
  }
  body.login > .login-card .check input{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    flex-basis:15px!important;
  }
  body.login > .login-card .login-actions{gap:7px!important;}
  body.login > .login-card .purchase-btn,
  body.login > .login-card .exchange-btn{
    height:46px!important;
    font-size:11px!important;
    padding:0 6px!important;
  }
  body.login > .login-card .login-actions .btn{height:50px!important;font-size:13px!important;}
  body.login > .login-card .login-special{margin-top:22px!important;padding-top:11px!important;}
  body.login > .login-card .login-special p{font-size:10px!important;line-height:1.7!important;}
}

/* 超窄设备：保证不会因为文字/按钮的最小内容宽度撑破页面。 */
@media (max-width:340px){
  body.login > .login-card{padding-left:13px!important;padding-right:13px!important;}
  body.login > .login-card .login-logo-only .brand-logo{width:138px!important;}
  body.login > .login-card .purchase-btn,
  body.login > .login-card .exchange-btn{font-size:10px!important;}
}

/* V1.5.6 — mobile header: keep Login outside hamburger, immediately before Start Assessment. */
@media(max-width:820px){
 .site-header-v1 .site-actions{display:flex!important;gap:7px!important;margin-left:auto!important}
 .site-header-v1 .site-actions .site-login{display:block!important;font-size:13px!important;white-space:nowrap!important;padding:9px 6px!important}
 .site-header-v1 .site-actions .site-cta{padding:9px 10px!important;font-size:13px!important;white-space:nowrap!important}
 .site-header-v1 .mobile-menu-btn{display:none!important}
}


/* V1.5.7.1 — mobile homepage header refinement
   目的：解决“用户登录 + 开始测评 + 汉堡菜单”在手机端挤在一起的问题。
   设计：Logo 缩窄、登录改为独立描边按钮、三项保持明确间距；超窄屏进一步压缩。 */
@media (max-width:820px){
  .landing-page .site-header{
    height:64px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    overflow:visible!important;
  }
  .landing-page .site-brand{
    width:98px!important;
    flex:0 0 98px!important;
    min-width:98px!important;
  }
  .landing-page .site-brand img{display:block;width:100%;height:auto!important;}
  .landing-page .home-member-login{
    margin-left:auto!important;
    margin-right:7px!important;
    height:38px!important;
    min-width:72px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px solid rgba(201,164,92,.55)!important;
    border-radius:20px!important;
    background:rgba(7,21,43,.36)!important;
    color:#f1eadf!important;
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  .landing-page .home-member-login:hover{
    border-color:rgba(201,164,92,.9)!important;
    color:#e4c786!important;
    background:rgba(201,164,92,.07)!important;
  }
  .landing-page .home-login-icon{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
    position:relative!important;
    display:inline-block!important;
    border:1.4px solid currentColor!important;
    border-radius:50%!important;
    transform:scale(.72)!important;
    transform-origin:center!important;
  }
  .landing-page .home-login-icon:after{
    content:"";
    position:absolute!important;
    left:50%!important;
    bottom:-7px!important;
    width:20px!important;
    height:11px!important;
    transform:translateX(-50%)!important;
    border:1.4px solid currentColor!important;
    border-bottom:0!important;
    border-radius:12px 12px 0 0!important;
    background:transparent!important;
  }
  .landing-page .nav-cta{
    margin:0 0 0 0!important;
    height:40px!important;
    min-width:92px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:4px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:0 6px 16px rgba(201,164,92,.10)!important;
  }
  .landing-page .nav-cta span{margin-left:5px!important;}
  .landing-page .home-mobile-menu-btn{
    margin:0 0 0 7px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
    border:1px solid rgba(201,164,92,.55)!important;
    border-radius:4px!important;
    background:rgba(7,21,43,.28)!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:38px!important;
    padding:0!important;
  }
}

@media (max-width:380px){
  .landing-page .site-header{padding:0 10px!important;}
  .landing-page .site-brand{width:84px!important;flex-basis:84px!important;min-width:84px!important;}
  .landing-page .home-member-login{min-width:64px!important;width:64px!important;padding:0 7px!important;font-size:11px!important;gap:4px!important;margin-right:5px!important;}
  .landing-page .home-login-icon{display:none!important;}
  .landing-page .nav-cta{min-width:82px!important;padding:0 8px!important;font-size:11px!important;}
  .landing-page .home-mobile-menu-btn{width:34px!important;min-width:34px!important;height:36px!important;line-height:36px!important;margin-left:5px!important;font-size:20px!important;}
}

@media (max-width:340px){
  .landing-page .site-header{padding:0 8px!important;}
  .landing-page .site-brand{width:76px!important;flex-basis:76px!important;min-width:76px!important;}
  .landing-page .home-member-login{min-width:58px!important;width:58px!important;font-size:10px!important;}
  .landing-page .nav-cta{min-width:76px!important;font-size:10px!important;}
  .landing-page .home-mobile-menu-btn{width:32px!important;min-width:32px!important;}
}