.smart-gates{background:#0d120e;border-top:1px solid var(--line)}
.smart-gates bdi{white-space:nowrap}
.gate-options{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.gate-option{display:flex;flex-direction:column;min-width:0;background:#151d17;border:1px solid #3b4d3d;overflow:hidden}
.gate-option-visual{position:relative;aspect-ratio:3/2;background:#0b1611;overflow:hidden}
.gate-option-visual img{display:block;width:100%;height:100%;object-fit:cover}
.connection-badge{position:absolute;inset:16px 16px auto auto;background:#09160ff0;color:var(--green);border:1px solid #53834b;padding:8px 13px;font-size:13px;font-weight:600}

.gate-option-content{display:flex;flex-direction:column;flex:1;padding:22px;gap:14px}
.gate-option-content h3{font-size:clamp(23px,2.25vw,32px);line-height:1.4;margin:0;letter-spacing:-.5px}
.gate-subtitle{color:#e3ecdf;font-size:16px;line-height:1.7;margin:0}
.gate-for{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.gate-benefits{list-style:none;padding:16px 0 0;margin:0 0 8px;border-top:1px solid var(--line);display:grid;gap:11px;font-size:14px;line-height:1.65}
.gate-benefits li{position:relative;padding-inline-start:24px}
.gate-benefits li:before{content:'✓';color:var(--green);position:absolute;inset-inline-start:0}
.gate-option-actions{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.gate-option-actions .button{width:100%;min-height:48px;justify-content:space-between}
.gate-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--green);font-size:14px;min-height:44px;border-bottom:1px solid #3b4d3d}
.gate-secondary:hover{color:#c0ffa0}
.gate-comparison{margin-top:44px}
.gate-comparison h3{font-size:clamp(27px,3vw,38px);margin:0 0 12px}
.gate-comparison>p{color:var(--muted);line-height:1.9;margin:0 0 24px;font-size:15px}
.gate-comparison table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;line-height:1.7}
.gate-comparison th,.gate-comparison td{padding:12px 7px;text-align:right;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.gate-comparison thead th{background:#203022;color:var(--green);font-weight:600}
.gate-comparison thead th:first-child{width:31%}
.gate-comparison tbody th{font-weight:500;color:#d7dfd3}
.gate-comparison tbody td{color:var(--muted)}
.gate-comparison tbody tr:nth-child(even){background:#141d15}
.gate-comparison td span{color:var(--green);font-size:19px}
.gate-help{margin-top:36px;padding:28px 20px;background:#1b291d;border:1px solid #415a3d;text-align:center}
.gate-help h3{font-size:clamp(22px,2.5vw,30px);line-height:1.5;margin:0 0 12px}
.gate-help p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 22px}
.gate-help .button{max-width:100%;min-height:48px}
@media(min-width:760px){.gate-options{grid-template-columns:repeat(2,minmax(0,1fr))}.gate-option-content{padding:28px}.gate-comparison table{font-size:15px}.gate-comparison th,.gate-comparison td{padding:15px 20px}.gate-comparison thead th:first-child{width:30%}}
@media(max-width:620px){header{height:auto;min-height:84px;flex-wrap:wrap;gap:10px;padding-block:12px}header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px;padding-top:8px;flex-wrap:wrap}.gate-comparison thead th{font-size:12px}.gate-comparison bdi{white-space:normal}}