/* Board internals are isolated and rendered directly from Login.vue. */
.native-board-section{position:relative;isolation:isolate;background:linear-gradient(180deg,#fff 0%,#f3f8ff 22%,#f3f6ff 76%,#fff 100%)}
.native-board-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 45%,#dbeaff88,transparent 58%),radial-gradient(ellipse at 85% 55%,#eae3ff66,transparent 52%)}
.native-board-section::after{content:"";position:absolute;inset:8% 0 5%;z-index:-1;pointer-events:none;background:url('assets/login-command-center.png') center/cover no-repeat;opacity:.055;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.native-board-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.native-board-viewport{position:relative;width:100%;min-width:0;margin:0 auto;overflow:clip;border-radius:36px;aspect-ratio:1000/760}
.native-login-frame{position:absolute;inset:0;display:block;width:1000px;height:760px;border:0;transform-origin:top left}
.native-board-copy{padding:12px 0}
.native-board-copy h3{font-size:clamp(28px,2.6vw,38px);line-height:1.45;letter-spacing:-.025em;margin:18px 0;color:#25344b}
.native-board-intro{font-size:16px;line-height:1.9;color:#6d7e97;max-width:28em}
.native-board-points{list-style:none;padding:0;margin:28px 0;display:grid;gap:22px}
.native-board-points li{display:flex;align-items:center;gap:14px}
.native-board-points .feature-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px}
.native-board-points strong{font-size:16px;font-weight:600;color:#33445c}
.native-board-points p{margin:5px 0 0;font-size:14px;line-height:1.7;color:#718198}
.hero-image img{width:100%;aspect-ratio:2432/958;object-fit:contain;background:#f7faff}
@media(max-width:900px){.native-board-layout{grid-template-columns:1fr;gap:20px}.native-board-copy{padding:0 12px}.native-board-copy h3 br{display:none}.native-board-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.native-board-points li{align-items:flex-start;flex-direction:column}.native-board-viewport{border-radius:24px}}
@media(max-width:560px){.native-board-points{grid-template-columns:1fr;gap:20px}.native-board-points li{flex-direction:row;align-items:center}.native-board-copy h3{font-size:28px}}