:root{font:16px/1.5 system-ui,sans-serif;color:#e9eeee;background:#0c1514;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 0%,#2b564b 0,transparent 34%),radial-gradient(circle at 10% 40%,#15352f 0,transparent 38%),#0c1514}main{max-width:1240px;margin:auto;padding:38px 48px}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:#eef4ee;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;padding:5px;border-radius:13px;background:#f7fbf5;box-shadow:0 0 0 1px #d9eee0,0 8px 24px #09141166}.brand-mark img{width:100%;height:100%;object-fit:contain}.badge,.eyebrow{font-size:11px;letter-spacing:2px;color:#a6bcb4}.badge{border:1px solid #608072;padding:8px 14px;border-radius:24px;background:#15302988}.intro{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:46px;align-items:center;padding:52px 0 36px}.intro-copy>p:last-child{color:#b3c1bc}.hero-lockup{justify-self:end;width:min(100%,330px);border:1px solid #d8eee1aa;border-radius:24px;background:#f7fbf5;box-shadow:0 22px 70px #06110dcc,0 0 0 8px #bdebd51c;overflow:hidden;transform:rotate(1deg)}.hero-lockup img{display:block;width:100%;height:auto}.hero-lockup:after{content:"";display:block;height:3px;background:linear-gradient(90deg,#8fd8ee,#8bd4bd,#c2ed9f)}h1{font-size:clamp(40px,5vw,66px);font-weight:500;line-height:1.06;letter-spacing:-2px;margin:14px 0 24px}.grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.card{border:1px solid #35463e;background:#19241fea;border-radius:18px;padding:26px;box-shadow:0 18px 45px #06110c2b}h2{font-size:23px;font-weight:500;margin:16px 0 22px}label{display:block;color:#c6d4cb;font-size:13px;margin-bottom:18px}input{display:block;width:100%;font:inherit;padding:13px;margin-top:7px;border:1px solid #4b5e53;border-radius:8px;background:#121d17;color:white}input:focus{outline:2px solid #b6eab2;outline-offset:2px}button{border:0;border-radius:8px;padding:13px 19px;background:#c6edb8;color:#172c1a;font:600 14px system-ui;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 9px 22px #9ddf9d33}button span{float:right}#connect{width:100%}button:disabled{opacity:.4;cursor:default}.secondary{background:transparent;color:#d1e3d8;border:1px solid #526958}.status{font-size:13px;color:#b9cdc1;min-height:20px}.video-wrap{height:204px;background:#0c1510;position:relative;border-radius:10px;overflow:hidden;margin:16px 0}video{width:100%;height:100%;object-fit:contain}#placeholder{position:absolute;inset:55px 0;text-align:center;color:#b4c6bb}small{font-size:12px;color:#7e9688}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5}.consent input{width:17px;margin:3px 0 0;flex-shrink:0}.actions{display:flex;gap:10px}footer{display:flex;justify-content:space-between;gap:30px;color:#91a79b;font-size:12px;margin-top:28px;padding-top:8px;border-top:1px solid #2c4038}@media(max-width:800px){main{padding:24px}.grid{grid-template-columns:1fr}.intro{grid-template-columns:1fr;padding-top:30px}.hero-lockup{justify-self:start;width:min(260px,100%);order:-1}.badge{display:none}footer{flex-direction:column;gap:8px}}
:where(#pairing){margin-top:24px;padding-top:20px;border-top:1px solid #35463e}
.brand-mark{padding:0;width:38px;height:46px;background:transparent;border-radius:0;box-shadow:none}
.intro{grid-template-columns:minmax(0,1fr) 300px;gap:72px;padding:48px 0 42px}
.intro-logo{display:block;width:100%;height:auto;justify-self:end;object-fit:contain}
@media(max-width:800px){.intro{grid-template-columns:minmax(0,1fr) 180px;gap:24px}.intro h1{font-size:44px}}
@media(max-width:560px){.intro{grid-template-columns:1fr;gap:22px}.intro-logo{width:150px;justify-self:start;grid-row:1}.intro h1{font-size:40px;margin-top:12px}.intro{padding:28px 0}.brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:not(:disabled):hover{transform:none}}