*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#e3ede9;background:#0b171b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}header,footer,main{max-width:1240px;margin:auto;padding:30px 6%}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a9c5ba25}header img{width:128px;filter:brightness(0) invert(1)}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9cbaad}.hero{min-height:620px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}h1{font-size:clamp(44px,5.5vw,76px);font-weight:450;line-height:1.06;letter-spacing:-.055em;margin:24px 0}h1 span{color:#9bb5a8}.lede{font-size:20px;color:#b4c9c2;line-height:1.6}.cta{display:inline-block;margin-top:22px;padding:17px 24px;background:#ccdccb;color:#10211c;text-decoration:none;border-radius:4px;font-size:15px}.note{font-size:12px;line-height:1.7;color:#9fb5ad;max-width:430px}.record{position:relative;aspect-ratio:1;border:1px solid #a5c2b135;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#15282b 0px,#15282b 3px,#25403d 4px,#15282b 5px);box-shadow:0 40px 90px #0007}.record:before{content:"";position:absolute;inset:15%;border-radius:50%;background:linear-gradient(130deg,#bfd2ba,#28493e);box-shadow:inset 0 0 0 1px #cbdcc933}.record img{position:relative;width:21%;opacity:.85}.record:after{content:"";position:absolute;width:10px;height:10px;background:#0b171b;border-radius:50%}.principles{padding:45px 0 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid #a9c5ba25}h2{font-size:23px;font-weight:450;letter-spacing:-.025em}p{color:#adc2ba;line-height:1.8}footer{display:flex;gap:25px;flex-wrap:wrap;font-size:13px;border-top:1px solid #a9c5ba25;color:#9fb5ad}footer span{margin-right:auto}article{max-width:800px;padding:60px 0 100px}article h1{font-size:48px}.skip{position:absolute;left:-1000px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px}@media(max-width:700px){header,footer,main{padding-left:24px;padding-right:24px}header img{width:105px}nav{gap:17px;font-size:13px}.hero{grid-template-columns:1fr;gap:42px;padding:40px 0 55px;min-height:0}.record{max-width:310px;width:85%;margin:0 auto}h1{font-size:47px}.principles{grid-template-columns:1fr;gap:10px;padding-bottom:40px}.lede{font-size:18px}footer{gap:18px}}