.demo-page{min-height:100vh}.demo-page .skip-link{position:absolute;left:-9999px;top:0}.demo-page .skip-link:focus{left:18px;z-index:100;padding:8px;background:#061321}.demo-header,.demo-main,.demo-footer{width:min(1120px,calc(100% - 48px));margin:auto}.demo-header{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #23435e;gap:24px}.demo-header img{width:240px;height:auto}.demo-header>span{font-size:10px;letter-spacing:.15em;color:#a6bdcf}.demo-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;padding:42px 0 42px}.demo-copy h1{font-size:clamp(52px,7vw,88px);line-height:1;letter-spacing:-.05em;margin:20px 0 25px}.demo-copy h1 em{color:#97d700;font-style:normal}.demo-disclosure{color:#d4e4ef;font-size:13px;font-weight:600;letter-spacing:.02em}.demo-lede{font-size:23px;line-height:1.4;margin-top:26px}.demo-description{max-width:520px;color:#a3bacb;line-height:1.8}.demo-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.demo-tags span{font-size:9px;letter-spacing:.1em;border:1px solid #33566f;border-radius:4px;padding:7px 10px;color:#b6cbd9}.demo-play{gap:18px;display:inline-flex;align-items:center;padding:18px 24px;font-size:15px}.demo-caption{max-width:420px;line-height:1.7;margin-top:13px}.demo-art{height:370px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#07517d 0,#013a73 40%,#061321 75%);border:1px solid #234d6b;border-radius:50% 50% 12px 12px}.demo-orbit{position:absolute;inset:42px 18px;border:1px solid #467290;border-radius:50%;transform:rotate(-25deg)}.demo-orbit:before,.demo-orbit:after{content:"";position:absolute;inset:23px;border:1px solid #467290;border-radius:50%}.demo-orbit:after{inset:-25px}.demo-string{position:absolute;top:-30px;bottom:-30px;width:2px;background:#97d700;transform:rotate(20deg);box-shadow:0 0 18px #97d70055}.s1{left:41%}.s2{left:50%}.s3{left:59%}.demo-art>span{position:absolute;bottom:23px;left:24px;color:#aac3d4;font-size:11px;letter-spacing:.2em}.demo-contact{border-top:1px solid #2d4c65;border-bottom:1px solid #2d4c65;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0}.demo-contact h2{font-size:30px;margin:10px 0}.demo-contact p:last-child{color:#a3bacb;max-width:560px;line-height:1.7}.demo-contact-link{color:#97d700;white-space:nowrap;font-weight:600}.demo-notes{max-width:820px;line-height:1.8;margin:25px 0 45px}.demo-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #23435e;padding:24px 0 32px;font-size:12px;color:#a3bacb}.demo-footer a{color:#dbe8f0}a:focus-visible{outline:3px solid #97d700;outline-offset:6px}@media(max-width:700px){.demo-header,.demo-main,.demo-footer{width:calc(100% - 36px)}.demo-header img{width:180px}.demo-header>span{font-size:8px;max-width:90px;line-height:1.7}.demo-hero{grid-template-columns:1fr;padding:42px 0 32px;gap:25px}.demo-art{height:180px;order:-1;border-radius:12px}.demo-copy h1{font-size:62px}.demo-contact{display:block}.demo-contact-link{display:inline-block;margin:10px 0}.demo-footer{flex-direction:column;gap:10px}.demo-lede{font-size:21px}}