@font-face{font-family:Instrument;src:url('/fonts/InstrumentSans-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/JetBrainsMono-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#17211b;--paper:#f4f1e7;--cream:#fbf8ee;--moss:#556b54;--acid:#d7e657;--rust:#d8603d;--sky:#aecbd0;--line:rgba(23,33,27,.18);--muted:#647067;--serif:Georgia,'Times New Roman',serif;--sans:Instrument,'Trebuchet MS',sans-serif;--mono:Mono,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");z-index:20;mix-blend-mode:multiply}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.site-header{height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,241,231,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:15}
.brand{display:flex;align-items:center;gap:11px;font:700 15px/1 var(--mono);letter-spacing:.08em}.brand b{color:var(--rust)}
.brand-mark{width:39px;height:39px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:700 12px var(--mono);background:var(--acid);box-shadow:4px 4px 0 var(--ink)}
.site-header nav{display:flex;gap:34px;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--rust);transition:.2s}.site-header nav a:hover:after{right:0}
.nav-cta{padding:9px 18px;border:1px solid var(--ink);border-radius:999px;font:12px var(--mono);text-transform:uppercase}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;padding:clamp(60px,8vw,110px) clamp(20px,7vw,110px);position:relative;overflow:hidden}
.hero:after{content:"BAZI · FOUR PILLARS · FIVE PHASES";position:absolute;bottom:24px;left:7vw;font:10px var(--mono);letter-spacing:.24em;color:var(--muted)}
.eyebrow,.section-index{font:11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--rust)}
h1{font:400 clamp(54px,7.4vw,116px)/.88 var(--serif);letter-spacing:-.065em;margin:24px 0 30px;max-width:930px}h1 em{color:var(--rust);font-weight:400}
.hero-lead{font-size:clamp(17px,1.5vw,22px);line-height:1.55;max-width:690px;color:#49544d}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}.button.primary{padding:15px 24px;border-radius:999px;color:var(--cream);background:var(--ink);box-shadow:7px 7px 0 var(--acid)}.button.primary:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--acid)}.button.text{font-size:14px;border-bottom:1px solid var(--ink);padding:8px 0}.button.text span{color:var(--rust)}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:40px;color:var(--muted);font:10px var(--mono);text-transform:uppercase}.trust-row span:before{content:"+";color:var(--rust);margin-right:6px}
.hero-orbit{position:relative;aspect-ratio:1;max-width:650px;width:100%;margin:auto}.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%}.ring-one{inset:8%;animation:spin 50s linear infinite}.ring-one:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--rust);top:16%;right:9%}.ring-two{inset:25%;border-style:dashed;animation:spin 35s linear reverse infinite}
.orbit-center{position:absolute;inset:34%;border-radius:50%;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 18px rgba(215,230,87,.55)}.orbit-center small{font:9px var(--mono);letter-spacing:.14em}.orbit-center strong{font:400 clamp(48px,7vw,92px)/1 var(--serif);color:var(--acid)}.orbit-center span{font-size:12px}
.phase{position:absolute;width:112px;height:112px;border-radius:50%;background:var(--cream);border:1px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:5px 5px 0 var(--ink)}.phase i{width:13px;height:13px;border-radius:50%;margin-bottom:7px}.phase b{font:11px var(--mono);letter-spacing:.08em}.phase span{font-size:11px;color:var(--muted)}.phase-wood{top:2%;left:17%;transform:rotate(-5deg)}.phase-wood i{background:#6c8b59}.phase-fire{top:13%;right:2%;transform:rotate(5deg)}.phase-fire i{background:var(--rust)}.phase-earth{right:7%;bottom:8%;transform:rotate(-3deg)}.phase-earth i{background:#c79b4b}.phase-metal{bottom:2%;left:18%;transform:rotate(4deg)}.phase-metal i{background:#829295}.phase-water{left:0;top:44%;transform:rotate(-6deg)}.phase-water i{background:#477a91}
.manifesto{background:var(--ink);color:var(--cream);padding:100px clamp(20px,7vw,110px);display:grid;grid-template-columns:.3fr 1.4fr .55fr;gap:6vw;align-items:start}.manifesto .section-index{color:var(--acid)}.manifesto h2,.section-heading h2{font:400 clamp(39px,5.2vw,72px)/1 var(--serif);letter-spacing:-.045em;margin:0 0 26px}.manifesto>div p{font-size:18px;color:#bec7be;max-width:790px}.manifesto aside{border-top:1px solid #647067;padding-top:18px}.manifesto .han{font:400 78px var(--serif);color:var(--acid)}.manifesto aside p{font-size:13px;color:#bec7be}
.chart-section{padding:110px clamp(20px,7vw,110px);background:var(--cream)}.section-heading{display:grid;grid-template-columns:.3fr 1.1fr .7fr;gap:4vw;align-items:end;margin-bottom:55px}.section-heading h2{margin:0}.section-heading>p:last-child{color:var(--muted);font-size:14px}
.chart-form{border:1px solid var(--ink);padding:clamp(22px,4vw,48px);box-shadow:10px 10px 0 var(--sky);background:var(--paper)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px}.chart-form label{display:flex;flex-direction:column;gap:9px}.chart-form label span{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.chart-form label small{text-transform:none;color:var(--muted)}input,select{width:100%;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;padding:11px 3px;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--rust);box-shadow:0 2px 0 var(--rust)}.form-foot{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.form-foot p{max-width:600px;color:var(--muted);font-size:12px;margin:0}.submit-button i{font-style:normal}.form-message{min-height:22px;margin-top:18px;color:var(--rust);font-size:14px}.form-message.loading{color:var(--moss)}
.report{margin-top:90px}.report-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;border-bottom:2px solid var(--ink);padding-bottom:35px}.report-head h2{font:400 clamp(42px,6vw,80px)/.95 var(--serif);margin:18px 0}.report-head p{max-width:800px;color:var(--muted)}.report-stamp{width:132px;height:132px;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:5px 5px 0 var(--acid)}.report-stamp span{font:26px var(--serif)}.report-stamp small{font:8px var(--mono);letter-spacing:.12em}
.report-block{padding:62px 0;border-bottom:1px solid var(--line)}.block-title{display:grid;grid-template-columns:55px minmax(180px,.65fr) 1fr;gap:20px;align-items:start;margin-bottom:32px}.block-title>span{font:12px var(--mono);color:var(--rust)}.block-title h3{font:400 30px var(--serif);margin:0}.block-title p{color:var(--muted);font-size:14px;margin:0;max-width:620px}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}.pillar{padding:26px;border-right:1px solid var(--ink);min-height:270px;position:relative}.pillar:last-child{border:0}.pillar>small{font:10px var(--mono);color:var(--rust);letter-spacing:.1em}.pillar-glyphs{display:flex;gap:14px;margin:23px 0}.glyph{font:400 58px var(--serif)}.glyph span{display:block;font:10px var(--mono);text-align:center;color:var(--muted)}.pillar h4{margin:0 0 7px;font-size:15px}.pillar p{margin:0;color:var(--muted);font-size:12px}
.split-block{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw}.split-block .block-title{grid-template-columns:55px 1fr}.split-block blockquote{font:400 clamp(28px,3vw,44px)/1.18 var(--serif);margin:0;padding-left:30px;border-left:5px solid var(--acid);align-self:center}.element-row{display:grid;grid-template-columns:70px 1fr 35px;gap:15px;align-items:center;margin:14px 0}.element-row b{font:10px var(--mono)}.element-bar{height:10px;background:#dcded4;position:relative}.element-bar i{display:block;height:100%;background:var(--ink)}.element-row span{font:11px var(--mono);text-align:right}
.cycle-track{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.cycle{min-height:140px;padding:15px 10px;border-top:4px solid var(--ink);background:#e9e5d9}.cycle:nth-child(2n){border-color:var(--rust)}.cycle b{font:19px var(--serif)}.cycle span,.cycle small{display:block}.cycle span{font-size:10px;color:var(--muted);margin-top:7px}.cycle small{font:9px var(--mono);margin-top:18px}
.palace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.palace{background:var(--paper);padding:17px;min-height:110px}.palace.life{background:var(--acid)}.palace small{font:9px var(--mono);color:var(--muted)}.palace b{display:block;margin:7px 0;font-size:14px}.palace span{font-size:11px;color:var(--muted)}
.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.glossary{padding:22px;border:1px solid var(--line)}.glossary h4{font:400 22px var(--serif);margin:0 0 8px}.glossary p{margin:0;color:var(--muted);font-size:13px}.report-disclaimer{font-size:11px;color:var(--muted);margin-top:25px}
.principles{padding:100px clamp(20px,7vw,110px)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.principle-grid article{border-top:1px solid var(--ink);padding-top:20px}.principle-grid b{font:11px var(--mono);color:var(--rust)}.principle-grid h3{font:400 27px var(--serif)}.principle-grid p{color:var(--muted);font-size:14px}
footer{background:var(--sky);padding:45px clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px;border-top:1px solid var(--ink)}footer p{font-size:12px;margin:0}footer p:last-child{text-align:right}
.reveal{animation:rise .8s ease both}.hero-orbit{animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-orbit{max-width:580px}.manifesto,.section-heading{grid-template-columns:1fr}.manifesto aside{max-width:480px}.form-grid{grid-template-columns:repeat(2,1fr)}.pillar-grid{grid-template-columns:repeat(2,1fr)}.pillar:nth-child(2){border-right:0}.pillar:nth-child(-n+2){border-bottom:1px solid var(--ink)}.cycle-track{grid-template-columns:repeat(4,1fr)}.palace-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.site-header nav{display:none}.nav-cta{display:none}.site-header{height:68px}.hero{min-height:auto;padding-bottom:100px}.hero-orbit{margin-top:35px}.phase{width:82px;height:82px}.phase span{display:none}.orbit-center{inset:31%}.manifesto,.chart-section,.principles{padding-top:70px;padding-bottom:70px}.form-grid{grid-template-columns:1fr}.form-foot,.report-head{align-items:stretch;flex-direction:column}.report-stamp{width:100px;height:100px}.block-title{grid-template-columns:38px 1fr}.block-title p{grid-column:2}.pillar-grid{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid var(--ink)!important;min-height:auto}.pillar:last-child{border-bottom:0!important}.split-block{grid-template-columns:1fr}.cycle-track{display:flex;overflow-x:auto;padding-bottom:12px}.cycle{min-width:135px}.palace-grid{grid-template-columns:repeat(2,1fr)}.glossary-grid,.principle-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}