@import "tailwindcss";

:root{--navy:#08111f;--navy2:#0c1829;--ink:#111827;--paper:#f3f0e8;--gold:#d3a246;--teal:#62e6d2;--line:rgba(8,17,31,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;color:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.brand span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);border-radius:50%;font-family:Georgia,serif}.navLinks{display:flex;gap:32px;color:#aeb8c8;font-size:14px}.navLinks a:hover{color:#fff}.navCta{border-bottom:1px solid var(--gold);padding:9px 0;font-size:14px}.navCta span{color:var(--gold);margin-left:8px}
main{overflow:hidden}.hero{height:660px;color:#fff;position:relative;padding-top:100px}.hero:before{content:"";position:absolute;z-index:-2;inset:-82px calc((100vw - 100%)/-2) 0;background:radial-gradient(circle at 77% 36%,rgba(49,213,194,.13),transparent 24%),radial-gradient(circle at 82% 42%,rgba(211,162,70,.13),transparent 38%),var(--navy)}.heroGrid{position:absolute;z-index:-1;right:-70px;top:40px;width:570px;height:570px;border:1px solid rgba(211,162,70,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(211,162,70,.035),0 0 0 140px rgba(211,162,70,.025)}.eyebrow,.sectionHead>span,.kicker{font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{display:block;width:36px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(64px,8.3vw,116px);line-height:.98;letter-spacing:-.07em;margin:34px 0 56px;max-width:900px}.hero h1 span{color:var(--gold);font-family:Georgia,"Songti SC",serif;font-weight:500}.heroBottom{display:flex;align-items:flex-start;gap:120px;border-top:1px solid rgba(255,255,255,.18);padding-top:25px;max-width:940px}.heroBottom p{margin:0;color:#d9dee8;font-size:15px;line-height:1.8}.heroIntro{color:#9da8ba!important}.heroMark{position:absolute;right:36px;bottom:40px;display:flex;align-items:center;gap:13px;color:#fff}.heroMark b{font-size:32px}.heroMark span{color:var(--gold)}
.statBar{background:var(--gold)}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:30px 0 28px;border-right:1px solid rgba(8,17,31,.22);display:flex;align-items:flex-end;gap:14px}.stat:first-child{border-left:1px solid rgba(8,17,31,.22);padding-left:24px}.stat strong{font-size:36px;line-height:1}.stat span{font-size:13px;max-width:88px;line-height:1.35}
.section{padding:132px 0;display:grid;grid-template-columns:360px 1fr;gap:100px}.sectionHead h2{font-size:47px;line-height:1.22;letter-spacing:-.045em;margin:21px 0}.aboutCopy{padding-top:28px}.aboutCopy p{font-size:17px;line-height:1.9;color:#5a6472;max-width:690px}.aboutCopy .lead{font-size:25px;line-height:1.7;color:var(--ink);margin-top:0}.chips{display:flex;gap:10px;margin:28px 0}.chips span{border:1px solid var(--gold);border-radius:99px;padding:8px 17px;font-size:13px;color:#8a671e;background:rgba(211,162,70,.06)}
.achievements{padding-top:30px}.resultGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.resultCard{background:#fff;padding:28px;min-height:160px;border:1px solid transparent;position:relative;transition:.25s}.resultCard:hover{border-color:var(--gold);transform:translateY(-4px)}.resultCard:last-child{grid-column:span 2}.resultCard small{position:absolute;right:22px;top:19px;color:#aab1bc}.resultCard strong{display:block;font-size:35px;color:#b98625;margin:21px 0 12px}.resultCard p{margin:0;color:#586170}
.systemSection{background:var(--navy);color:#fff;padding:130px 0}.sectionHead.light{display:flex;align-items:flex-end;justify-content:space-between}.sectionHead.light h2{font-size:55px;margin-top:18px}.abilityList{margin-top:66px;border-top:1px solid rgba(255,255,255,.16)}.abilityList article{display:grid;grid-template-columns:80px 1fr 1.2fr 30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);min-height:100px;transition:.25s}.abilityList article:hover{background:rgba(255,255,255,.035);padding-inline:18px}.abilityList article>span{color:var(--gold);font-family:monospace}.abilityList h3{font-size:22px}.abilityList p{color:#9ba8b9}.abilityList b{color:var(--teal);font-size:20px}.method{margin-top:80px;border:1px solid rgba(211,162,70,.45);display:grid;grid-template-columns:1.5fr 1fr}.methodCore{padding:48px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.methodCore small{width:100%;color:var(--gold);letter-spacing:.12em;margin-bottom:18px}.methodCore strong{font-size:20px}.methodCore i{font-style:normal;color:var(--gold)}.methodRules{padding:42px;border-left:1px solid rgba(211,162,70,.3);color:#acb6c5;font-size:14px;line-height:1.8}.methodRules b{color:#fff;margin-right:7px}
.journey{grid-template-columns:320px 1fr}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:130px 62px 1fr;border-bottom:1px solid var(--line);padding:28px 0}.year{font-size:14px;font-weight:800;color:#87651f}.dot{width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-size:11px}.timeline h3{margin:4px 0 10px;font-size:20px}.timeline p{margin:0;color:#687180;line-height:1.75;font-size:14px}
.mission{background:var(--gold);padding:110px 0}.missionInner{display:grid;grid-template-columns:1.35fr .65fr;gap:100px}.mission .kicker{color:#60430b}.mission h2{font-size:55px;line-height:1.25;letter-spacing:-.045em;margin:28px 0 0}.missionCopy{align-self:end}.missionCopy p{line-height:1.85}.missionCopy a{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding:18px 0;font-weight:800;margin-top:30px}footer{height:120px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#727b87}footer .brand{color:var(--ink);font-size:14px}
@media(max-width:800px){.shell{width:min(100% - 28px,1180px)}.navLinks{display:none}.hero{height:680px;padding-top:86px}.hero h1{font-size:59px}.heroBottom{display:block}.heroBottom p{margin-bottom:18px}.heroGrid{right:-330px}.heroMark{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding-left:12px!important;border-bottom:1px solid rgba(8,17,31,.22)}.section{grid-template-columns:1fr;gap:25px;padding:90px 0}.sectionHead h2,.sectionHead.light h2,.mission h2{font-size:38px}.aboutCopy .lead{font-size:21px}.resultGrid{grid-template-columns:1fr}.resultCard:last-child{grid-column:auto}.systemSection{padding:90px 0}.abilityList article{grid-template-columns:48px 1fr 24px;padding:18px 0}.abilityList p{grid-column:2/4;margin-top:0}.method{grid-template-columns:1fr}.methodCore{padding:30px}.methodRules{border-left:0;border-top:1px solid rgba(211,162,70,.3);padding:30px}.timeline article{grid-template-columns:1fr 45px}.timeline .year{grid-column:1/3;margin-bottom:15px}.timeline article>div:last-child{grid-column:1/3;padding-left:45px}.missionInner{grid-template-columns:1fr;gap:50px}footer{height:auto;padding:35px 0;gap:20px;flex-wrap:wrap}}
.heroPortrait{position:absolute;right:-6px;top:75px;width:410px;height:410px;border-radius:50%;overflow:hidden;border:1px solid rgba(211,162,70,.62);box-shadow:0 28px 80px rgba(0,0,0,.38);z-index:-1}.heroPortrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,31,.42),transparent 45%)}.heroPortrait img{width:100%;height:100%;object-fit:cover;display:block}
.contactCard{margin-top:28px;display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.68);padding:16px;border:1px solid rgba(8,17,31,.14)}.contactCard img{width:118px;height:150px;object-fit:cover;object-position:center}.contactCard div{display:flex;flex-direction:column;gap:10px}.contactCard strong{font-size:20px}.contactCard span{font-size:13px;line-height:1.6;color:#5c4b2b}
@media(max-width:800px){.hero{height:760px}.hero h1,.heroBottom{position:relative;z-index:1}.heroPortrait{width:260px;height:260px;right:-55px;top:390px;opacity:.62}.contactCard{align-items:flex-start}.contactCard img{width:100px;height:138px}}
/* Refined minimal direction */
body{background:#f7f6f2}.nav{height:76px}.brand span{border-color:rgba(211,162,70,.45)}
.hero{height:640px;padding-top:86px}.hero:before{background:linear-gradient(90deg,#08111f 0%,#08111f 46%,#0b1625 100%)}.heroGrid,.heroMark{display:none}.hero h1{font-size:clamp(62px,7vw,98px);max-width:790px;margin:30px 0 52px}.heroBottom{max-width:760px;gap:64px}.heroPortrait{right:-100px;top:42px;width:670px;height:590px;border:0;border-radius:0;box-shadow:none;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 43%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 43%,#000 100%)}.heroPortrait:after{display:none}.heroPortrait img{object-fit:cover;object-position:center}
.statBar{background:#0b1625;color:#fff;border-top:1px solid rgba(255,255,255,.08)}.stat{padding:24px 0;border-color:rgba(255,255,255,.1)}.stat:first-child{border-left:0;padding-left:0}.stat strong{font-size:30px;color:var(--gold)}.stat span{color:#aeb7c4}
.section{padding:112px 0;gap:120px}.sectionHead h2{font-size:42px}.aboutCopy .lead{font-size:22px}.chips{margin:24px 0}.chips span{background:transparent;border-color:rgba(138,103,30,.35)}
.systemSection{padding:112px 0;background:#0b1625}.sectionHead.light h2{font-size:48px}.abilityList{margin-top:52px}.abilityList article{min-height:84px}.abilityList article:hover{background:transparent;padding-inline:0}.abilityList h3{font-size:19px;font-weight:600}.abilityList p{font-size:14px}.abilityList b{display:none}.method{margin-top:60px;border-color:rgba(255,255,255,.12)}.methodCore{padding:38px}.methodRules{padding:34px;border-color:rgba(255,255,255,.12)}
.journey{padding-top:112px}.timeline article{padding:24px 0}.dot{background:transparent;border:1px solid rgba(8,17,31,.28);color:#87651f}.timeline h3{font-size:18px}.mission{background:#ece8de;padding:100px 0}.mission .kicker{color:#87651f}.mission h2{font-size:48px}.contactCard{background:transparent;border:0;border-top:1px solid rgba(8,17,31,.18);padding:22px 0 0}.contactCard img{width:94px;height:126px}.contactCard strong{font-size:17px}footer{height:100px}
@media(max-width:800px){.hero{height:720px}.hero h1{font-size:52px}.heroPortrait{width:410px;height:390px;right:-120px;top:300px;opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.stats{grid-template-columns:repeat(2,1fr)}.section{padding:80px 0}.systemSection{padding:80px 0}.sectionHead.light h2,.mission h2{font-size:36px}.abilityList article{min-height:94px}.method{margin-top:40px}.mission{padding:80px 0}}
/* Unified cinematic palette */
:root{--navy:#08131f;--navy2:#0d1d2a;--ink:#14202a;--paper:#f2efe8;--gold:#c79a56;--teal:#75aaa6;--line:rgba(20,32,42,.13)}
body{background:var(--paper);color:var(--ink)}
.hero:before{background:radial-gradient(circle at 76% 44%,rgba(79,143,145,.13),transparent 26%),linear-gradient(105deg,#08131f 0%,#091522 56%,#0d1d2a 100%)}
.hero:after{content:"";position:absolute;right:16px;top:124px;width:360px;height:360px;border-top:1px solid rgba(117,170,166,.17);border-right:1px solid rgba(199,154,86,.13);border-radius:0 100% 0 0;transform:rotate(8deg);pointer-events:none;z-index:-1}
.navLinks{color:#a7b3bc}.navCta{border-color:rgba(199,154,86,.65)}.eyebrow,.sectionHead>span,.kicker{color:var(--gold)}
.hero h1 span{color:#d4aa6d}.heroBottom{border-color:rgba(255,255,255,.13)}.heroIntro{color:#9cabb5!important}.heroPortrait{filter:saturate(.92) contrast(1.02);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 19%,#000 43%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 19%,#000 43%,#000 92%,transparent 100%)}
.statBar{background:#0d1d2a}.stat strong{color:#d0a461}.stat span{color:#a8b4bc}.sectionHead h2{color:#14202a}.aboutCopy .lead{color:#14202a}.aboutCopy p{color:#68737b}.chips span{color:#866632;border-color:rgba(199,154,86,.38)}
.systemSection{background:linear-gradient(135deg,#091521,#0d1d2a)}.abilityList{border-color:rgba(117,170,166,.2)}.abilityList article{border-color:rgba(255,255,255,.11)}.abilityList article>span{color:#c79a56}.abilityList p{color:#9eacb5}.method{background:rgba(255,255,255,.018);border-color:rgba(117,170,166,.2)}.methodCore small{color:#cda363}.methodRules{border-color:rgba(117,170,166,.17)}
.year{color:#8f6b35}.dot{border-color:rgba(117,170,166,.45);color:#8f6b35}.timeline p{color:#6b767f}.mission{background:linear-gradient(120deg,#e9e5dc,#f3f0e9 62%,#e5ebe7)}.contactCard{border-color:rgba(117,170,166,.38)}.contactCard img{box-shadow:0 12px 28px rgba(8,19,31,.12)}.contactCard span{color:#5f6b6e}footer{background:#f2efe8}
@media(max-width:800px){.hero:after{right:-160px;top:330px}.heroPortrait{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 88%,transparent 100%)}}
/* Hierarchy and premium depth */
.sectionHead.light h2{color:#d5aa69;text-shadow:0 12px 36px rgba(199,154,86,.14);font-weight:650;letter-spacing:-.035em;position:relative;padding-bottom:22px}.sectionHead.light h2:after{content:"";position:absolute;left:0;bottom:0;width:76px;height:2px;background:linear-gradient(90deg,#d5aa69,rgba(117,170,166,.65),transparent)}
.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(199,154,86,.2),transparent)}
.about{position:relative}.about:after{content:"";position:absolute;right:-10%;top:18%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(117,170,166,.08),transparent 67%);pointer-events:none}.aboutCopy{position:relative;z-index:1;padding:32px 38px;background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.6);box-shadow:0 24px 70px rgba(20,32,42,.045)}
.systemSection{position:relative;overflow:hidden}.systemSection:before{content:"";position:absolute;width:620px;height:620px;right:-260px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(117,170,166,.11),transparent 66%);pointer-events:none}.systemSection:after{content:"";position:absolute;width:520px;height:520px;left:-320px;bottom:-280px;border-radius:50%;border:1px solid rgba(199,154,86,.11);box-shadow:0 0 0 70px rgba(199,154,86,.025),0 0 0 140px rgba(117,170,166,.015);pointer-events:none}.systemSection>.shell{position:relative;z-index:1}
.abilityList article{position:relative}.abilityList article:before{content:"";position:absolute;inset:8px -16px;background:linear-gradient(90deg,rgba(199,154,86,.045),rgba(117,170,166,.025),transparent);opacity:0;transition:opacity .25s}.abilityList article:hover:before{opacity:1}.abilityList article>*{position:relative;z-index:1}.method{box-shadow:0 30px 80px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.journey{position:relative}.journey:before{content:"";position:absolute;left:320px;top:112px;bottom:112px;width:1px;background:linear-gradient(transparent,rgba(199,154,86,.18),rgba(117,170,166,.2),transparent)}.timeline article{transition:background .2s,padding .2s}.timeline article:hover{background:rgba(255,255,255,.34);padding-left:14px;padding-right:14px}
.missionInner{position:relative}.missionInner:before{content:"";position:absolute;left:-80px;top:-42px;width:1px;height:190px;background:linear-gradient(#c79a56,transparent)}.contactCard{background:rgba(255,255,255,.28);padding:22px;border:1px solid rgba(117,170,166,.3);box-shadow:0 20px 55px rgba(20,32,42,.07)}
@media(max-width:800px){.sectionHead.light h2{padding-bottom:18px}.aboutCopy{padding:26px 22px}.journey:before{display:none}.missionInner:before{display:none}.contactCard{padding:16px}}
/* Integrated QR contact */
.missionCopy>p{font-size:16px;color:#56636a}.contactCard{position:relative;overflow:hidden;gap:26px;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(117,170,166,.07));border-color:rgba(117,170,166,.26);box-shadow:0 24px 64px rgba(20,32,42,.065)}.contactCard:after{content:"";position:absolute;right:-70px;bottom:-100px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(117,170,166,.14),transparent 68%);pointer-events:none}.qrFrame{flex:none;width:108px;height:142px;padding:5px;background:rgba(242,239,232,.78);border:1px solid rgba(20,32,42,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.contactCard .qrFrame img{width:100%;height:100%;display:block;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.06) saturate(.8);box-shadow:none}.contactCard>div:last-child{position:relative;z-index:1}.contactCard small{font-size:9px;letter-spacing:.19em;color:#8b6a36}.contactCard strong{font-size:19px;color:#17232c}.contactCard span{max-width:220px}
@media(max-width:800px){.contactCard{gap:18px}.qrFrame{width:96px;height:132px}.contactCard .qrFrame img{width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resultCard,.abilityList article{transition:none}}