/* Approved particle field, now integrated with a narrative sequence. */
.particle-hero{position:relative;isolation:isolate;min-height:max(780px,100svh);background:#080b10;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(162px,20vh,220px) 5.2vw 32px;color:#f2f5f6;overflow:clip}
.particle-field{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#080b10}.particle-field canvas,.particle-still,.particle-still img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.particle-field canvas{opacity:0;transition:opacity .6s ease}.particle-hero[data-ready="true"] canvas{opacity:1}.particle-hero[data-ready="true"] .particle-still{visibility:hidden}.particle-field::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080b10 0%,#080b1000 23%,#080b1000 85%,#080b10 100%);pointer-events:none}
.particle-copy{width:100%;pointer-events:none}.particle-copy h1{font-family:'Inter Tight',Arial,sans-serif;font-size:clamp(60px,6vw,110px);font-weight:400;line-height:1.045;letter-spacing:-.06em;margin:0;max-width:1100px;text-wrap:balance}.particle-copy h1 span{color:#aab6bf}.particle-copy p{font-family:'Inter Tight',Arial,sans-serif;color:#b8c1c9;font-size:clamp(16px,1.25vw,19px);line-height:1.5;max-width:390px;margin:27px 0 22px;letter-spacing:0}
.particle-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:28px;min-height:48px;padding:0 0 7px;font-family:inherit;font-size:16px;font-weight:450;line-height:1.3;border:0;border-bottom:1px solid #6d7f8e;color:#f2f5f6;background:transparent;cursor:pointer;transition:gap .3s,border-color .3s}.particle-cta svg{width:20px;height:20px;transition:transform .3s}.particle-cta:hover{gap:40px;border-color:#e6f3ff}.particle-cta:hover svg{transform:translate(2px,-2px)}
.particle-focus{position:absolute;left:55%;right:3%;top:22%;height:49%;pointer-events:none;z-index:-1}
.particle-sequence{position:relative;margin-top:145px;width:100%;max-width:1280px;font-family:'Inter Tight',Arial,sans-serif;color:#b2c1cd}.particle-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.particle-stages button{position:relative;display:flex;align-items:center;gap:14px;min-height:55px;border:0;border-top:1px solid #33404c;background:transparent;padding:14px 0 8px;text-align:left;font:inherit;font-size:17px;color:#99a9b6;cursor:pointer;transition:color .25s,border-color .25s}.particle-stages button::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:#bce5ff;transform:scaleX(0);transform-origin:left;transition:transform .65s ease}.particle-stages button[aria-pressed="true"]{color:#f2f7fa}.particle-stages button[aria-pressed="true"]::before{transform:scaleX(1)}.particle-stages button span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#9aa9b5}.particle-stages button:hover{color:white;border-color:#8297a7}.particle-stages button:disabled{opacity:.45;cursor:default}
.particle-sequence-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-top:13px;min-height:64px}.particle-sequence-bottom>p{font-size:14px;line-height:1.5;margin:0;max-width:510px;min-height:42px;color:#b3c0ca}.particle-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.particle-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;color:inherit;background:transparent;border:0;font:inherit;font-size:12px;cursor:pointer;padding:0 10px;transition:color .2s}.particle-actions button:disabled{opacity:.45;cursor:default}.particle-actions button:hover:not(:disabled){color:white}.particle-actions svg{width:21px;height:21px}.particle-stir,.particle-pause{min-width:44px}.particle-pause{border-left:1px solid #33404b!important}.particle-auto::before{content:"";width:5px;height:5px;border:1px solid #abc0d0;border-radius:50%}.particle-auto[aria-pressed="true"]::before{background:#bce5ff;border-color:#bce5ff}.particle-hero button:focus-visible{outline:2px solid #9fd7ff;outline-offset:6px}.particle-hero[data-motion="paused"] .particle-pause svg{fill:currentColor}
@media(min-width:1700px){.particle-hero{padding-left:7vw;padding-right:7vw}.particle-copy p{max-width:430px}.particle-focus{left:54%;right:5%}.particle-sequence{max-width:none}}
@media(max-width:1100px) and (min-width:901px){.particle-copy h1{font-size:5.8vw}.particle-focus{left:55%;right:2%;top:24%;height:43%}.particle-sequence{margin-top:140px}.particle-sequence-bottom>p{max-width:440px}.particle-stages{gap:18px}}
@media(max-width:900px){.particle-hero{padding-top:155px;min-height:0;justify-content:flex-start}.particle-copy h1{font-size:clamp(50px,7vw,68px)}.particle-copy p{max-width:360px}.particle-focus{position:relative;left:auto;right:auto;top:auto;width:100%;height:clamp(230px,43vw,340px);margin-top:-5px;flex-shrink:0}.particle-sequence{margin-top:8px}.particle-sequence-bottom{gap:20px}.particle-stages{gap:20px}.particle-sequence-bottom>p{max-width:390px}.particle-actions{gap:2px}}
@media(max-width:650px){.particle-hero{padding:133px 24px 26px;min-height:0}.particle-copy h1{font-size:clamp(32px,10.8vw,68px);line-height:1.1;letter-spacing:-.048em;max-width:100%}.particle-copy h1 span{white-space:nowrap}.particle-copy p{font-size:16px;max-width:320px;margin:22px 0 15px;line-height:1.5}.particle-cta{font-size:15px;gap:25px}.particle-focus{height:clamp(205px,61vw,330px);margin-top:-8px;width:calc(100% + 12px);margin-left:-6px}.particle-sequence{margin-top:8px}.particle-stages{gap:12px}.particle-stages button{flex-direction:column;align-items:flex-start;gap:5px;min-height:64px;font-size:14px;padding:10px 0 7px}.particle-stages button span{font-size:10px}.particle-sequence-bottom{display:block;padding-top:11px;min-height:0}.particle-sequence-bottom>p{font-size:13px;max-width:none;min-height:59px;line-height:1.5}.particle-actions{justify-content:flex-end;gap:7px;margin-top:0}.particle-actions button{font-size:12px;padding:0 8px}.particle-auto{margin-right:auto}.particle-field::after{background:linear-gradient(180deg,#080b10 0%,#080b1000 22%,#080b1000 80%,#080b10 98%)}}
@media(max-width:350px){.particle-stages{gap:8px}.particle-stages button{font-size:12px}.particle-hero{padding-top:127px}.particle-sequence-bottom>p{min-height:60px}}
@media(prefers-reduced-motion:reduce){.particle-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Contrast follows the letterforms, not a dark panel behind the copy. */
.particle-copy h1,.particle-copy p,.particle-cta{text-shadow:0 1px 3px rgba(8,11,16,.95),0 0 1px rgba(8,11,16,.9)}
.particle-copy h1 span{color:#c8d2d9}.particle-copy p{color:#d0d9e0}