@font-face{font-family:"DM Sans";src:local("Segoe UI");font-display:swap}@font-face{font-family:"Manrope";src:local("Arial");font-display:swap}
:root { --bg:#07171f; --surface:#0d222c; --text:#f4f7f8; --muted:#9eb0b8; --line:#29404a; --accent:#d8a657; --purple:#bd65ff; --container:min(1160px,calc(100% - 48px)); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;overflow-x:hidden;color:var(--text);background:var(--bg);font-family:"DM Sans",Arial,sans-serif;line-height:1.65} a{color:inherit;text-decoration:none} img{display:block;width:100%}
.nav,.wrap,.footer{width:var(--container);margin-inline:auto}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:"Manrope";font-weight:700;letter-spacing:-.04em}.back{color:var(--muted);font-size:.8rem;font-weight:600}.back:hover{color:var(--text)}
.hero{min-height:680px;display:flex;flex-direction:column;justify-content:center;padding-block:90px}.label,.section-label{margin:0 0 22px;color:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.purple{color:var(--purple)}.green{color:#69d0b5}h1,h2,h3{margin:0;font-family:"Manrope";letter-spacing:-.065em}h1{max-width:1050px;font-size:clamp(4.5rem,10vw,9.5rem);line-height:.88}.lead{max-width:740px;margin:36px 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem)}
.overview{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.overview article{min-height:240px;padding:34px;border-right:1px solid var(--line)}.overview article:last-child{border:0}.overview span{color:var(--accent);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.overview h2{margin:52px 0 12px;font-size:1.5rem;letter-spacing:-.04em}.overview p{margin:0;color:var(--muted);font-size:.88rem}
.section{padding-block:120px}.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;margin-bottom:55px}.section-head h2{font-size:clamp(3rem,6vw,6rem);line-height:.98}.section-head p{max-width:520px;align-self:end;margin:0;color:var(--muted)}
.visual{padding:18px;background:#031016;border:1px solid var(--line);border-radius:18px}.visual picture{display:block;width:100%}.visual img{display:block;width:100%;height:auto;border-radius:9px}.visual-stack{display:grid;gap:20px}.visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.visual-pair .visual picture,.visual-pair .visual img{width:100%;height:auto;aspect-ratio:16/9}.visual-pair .visual img{object-fit:contain}
.quote{padding:80px 0;border-block:1px solid var(--line)}.quote p{max-width:1000px;margin:0;font:600 clamp(2.2rem,5vw,5rem)/1.1 "Manrope";letter-spacing:-.06em}.quote span{display:block;margin-top:25px;color:var(--muted);font-size:.8rem}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process article{min-height:260px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.process b{color:var(--accent);font-size:.7rem}.process h3{margin:72px 0 12px;font-size:1.35rem;letter-spacing:-.04em}.process p{margin:0;color:var(--muted);font-size:.85rem}
.audit-map,.principles{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.audit-map article,.principles article{min-height:260px;padding:34px;background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.audit-map article:nth-child(2n),.principles article:nth-child(2n){border-right:0}.audit-map article:nth-last-child(-n+2),.principles article:nth-last-child(-n+2){border-bottom:0}.audit-map b,.principles span{color:#69d0b5;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.audit-map h3,.principles h3{margin:70px 0 12px;font-size:1.65rem;letter-spacing:-.045em}.audit-map p,.principles p{max-width:430px;margin:0;color:var(--muted);font-size:.9rem}.result-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:35px;background:#0c292a;border:1px solid #37635c;border-radius:18px}.result-line span{font:600 clamp(1rem,2vw,1.35rem) "Manrope";letter-spacing:-.04em}.result-line i{color:#69d0b5;font-style:normal}
.evidence-list{border-block:1px solid var(--line)}.evidence-list article{display:grid;grid-template-columns:70px 1fr;align-items:center;min-height:105px;border-bottom:1px solid var(--line)}.evidence-list article:last-child{border-bottom:0}.evidence-list b{color:#69d0b5;font-size:.7rem}.evidence-list h3{font-size:clamp(1.4rem,3vw,2.5rem);letter-spacing:-.05em}
.next{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.next span{display:block;margin-bottom:8px;color:var(--accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.next strong{font:700 clamp(1.7rem,4vw,3.3rem) "Manrope";letter-spacing:-.055em}.next b{font-size:2rem}.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}
@media(max-width:800px){:root{--container:calc(100% - 30px)}.hero{min-height:560px;justify-content:flex-end;padding-block:70px}.overview,.section-head,.visual-pair{grid-template-columns:1fr}.overview article{min-height:190px;border-right:0;border-bottom:1px solid var(--line)}.overview article:last-child{border-bottom:0}.overview h2{margin-top:35px}.process{grid-template-columns:1fr 1fr}.section{padding-block:85px}.section-head{gap:20px}.visual{padding:8px}.result-line{align-items:flex-start;flex-direction:column}.result-line i{transform:rotate(90deg)}}@media(max-width:520px){h1{font-size:clamp(3.35rem,15vw,4rem)}.process,.audit-map,.principles{grid-template-columns:1fr}.process article{min-height:210px}.audit-map article,.principles article{min-height:220px;border-right:0;border-bottom:1px solid var(--line)!important}.audit-map article:last-child,.principles article:last-child{border-bottom:0!important}.section-head h2{font-size:2.8rem}.next{padding:28px}.footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}}