.centered{text-align:center}.centered>p:last-child{max-width:410px;margin:17px auto 0;color:var(--muted);font-size:14px;line-height:1.75}.interface-showcase{padding:120px 0 132px;background:#eee9de}.interface-showcase .section-heading{margin-bottom:52px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.screen-card{min-height:555px;position:relative;overflow:hidden;border-radius:18px;padding:26px;color:#fff}.screen-copy{position:relative;z-index:2}.screen-copy>span{font:11px "DM Mono";letter-spacing:.3px;opacity:.7}.screen-copy h3{font-size:27px;line-height:1.28;letter-spacing:-1.3px;margin:17px 0 11px}.screen-copy p{font-size:13px;line-height:1.8;max-width:220px;margin:0;opacity:.82}.alerts-card{background:#4d5680}.map-card{background:#385a4c}.family-card{background:#a76f62}.device{position:absolute;width:215px;height:465px;bottom:-133px;left:50%;transform:translateX(-50%);border:5px solid #1a2026;border-radius:29px;overflow:hidden;background:#fff;box-shadow:0 20px 26px #10182050}.device img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.map-card .device{transform:translateX(-50%) rotate(2.5deg)}.family-card .device{transform:translateX(-50%) rotate(-2.5deg)}.design-story{padding:135px 0;display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.design-visual{height:460px;background:#dbe6d6;border-radius:20px;position:relative;overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#b6c6b2 1px,transparent 1px),linear-gradient(90deg,#b6c6b2 1px,transparent 1px);background-size:32px 32px;opacity:.45}.visual-circle{position:absolute;border:1px solid #5d8059;border-radius:50%}.visual-circle.one{width:340px;height:340px;top:55px;left:64px}.visual-circle.two{width:230px;height:230px;top:110px;left:120px}.visual-card{position:absolute;padding:13px 16px;border-radius:13px;background:#fffcf6;box-shadow:0 14px 25px #3550302e;display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.visual-card span{grid-row:span 2;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#d4e8a5;color:#4d6c35}.visual-card b{font-size:11px}.visual-card small{font-size:9px;color:#6d7a72;margin-top:3px}.vc-one{right:27px;top:69px}.vc-two{left:27px;bottom:58px}.design-copy h2{font-family:Manrope,"Noto Sans TC";font-size:clamp(34px,3.8vw,50px);letter-spacing:-2.8px;line-height:1.2;margin:0}.design-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;margin:23px 0 28px}.design-copy ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.design-copy li{display:grid;grid-template-columns:118px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.design-copy li b{color:#50703d}.design-copy li span{color:var(--muted);line-height:1.55}@media(max-width:760px){.feature-grid,.steps-inner,.principles,.design-story{grid-template-columns:1fr;gap:14px}.interface-showcase{padding:83px 0}.screens{grid-template-columns:1fr}.screen-card{min-height:475px}.device{bottom:-155px}.design-story{padding:85px 0;gap:38px}.design-visual{height:390px}}