.websites-hero { position:relative; overflow:hidden; }
.websites-hero::before { content:''; position:absolute; width:520px; height:520px; border-radius:50%; right:-150px; top:-180px; background:radial-gradient(circle,rgba(45,107,228,.24),rgba(45,107,228,0) 70%); pointer-events:none; }
.websites-proof { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.websites-proof span { display:inline-flex; align-items:center; gap:7px; border:1px solid var(--border); background:rgba(15,30,56,.72); color:var(--text-secondary); border-radius:999px; padding:7px 12px; font-size:12px; }
.websites-proof span::before { content:'✓'; color:var(--success); font-weight:800; }
.web-service-card { position:relative; display:flex; flex-direction:column; min-height:330px; overflow:hidden; }
.web-service-card::after { content:''; position:absolute; width:140px; height:140px; right:-62px; top:-62px; border:1px solid rgba(79,158,255,.16); border-radius:50%; }
.web-service-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; color:var(--accent); background:var(--blue-muted); border:1px solid var(--border); font-size:22px; margin-bottom:22px; }
.web-service-card h3 { font-size:27px; margin-bottom:11px; }
.web-service-card ul { list-style:none; margin-top:18px; display:grid; gap:9px; color:var(--text-secondary); font-size:14px; }
.web-service-card li { position:relative; padding-left:18px; }
.web-service-card li::before { content:'·'; position:absolute; left:2px; color:var(--accent); font-weight:900; }
.web-service-card .service-fit { margin-top:auto; padding-top:22px; font-size:12px; color:var(--text-muted); }
.websites-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.82fr); gap:56px; align-items:start; }
.websites-stack { display:grid; gap:14px; margin-top:26px; }
.websites-stack article { display:grid; grid-template-columns:42px 1fr; gap:14px; padding:18px; border:1px solid var(--border); border-radius:var(--radius); background:var(--bg-card); }
.websites-stack strong { color:var(--text-primary); display:block; margin-bottom:3px; }
.websites-stack p { font-size:13px; }
.websites-stack .number { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:var(--blue-muted); color:var(--accent); font-family:var(--font-mono); font-size:12px; }
.ssl-panel { border:1px solid rgba(46,204,113,.25); background:linear-gradient(145deg,rgba(46,204,113,.09),rgba(15,30,56,.9)); border-radius:var(--radius-xl); padding:34px; position:sticky; top:98px; }
.ssl-lock { width:58px; height:58px; display:grid; place-items:center; border-radius:18px; background:rgba(46,204,113,.13); color:#6ee7a0; font-size:27px; margin-bottom:24px; }
.ssl-list { list-style:none; display:grid; gap:12px; margin:24px 0; color:var(--text-secondary); }
.ssl-list li { padding-left:25px; position:relative; }
.ssl-list li::before { content:'✓'; position:absolute; left:0; color:var(--success); font-weight:800; }
.websites-form-shell { display:grid; grid-template-columns:.78fr 1.22fr; gap:44px; align-items:start; }
.websites-form { padding:30px; border:1px solid var(--border); background:var(--bg-card); border-radius:var(--radius-xl); box-shadow:var(--shadow-card); display:grid; gap:18px; }
.websites-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.websites-form .form-status { min-height:22px; font-size:13px; color:var(--text-muted); }
.websites-form .form-status.success { color:var(--success); }
.websites-form .form-status.error { color:var(--danger); }
.websites-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
@media (max-width:900px) { .websites-split,.websites-form-shell { grid-template-columns:1fr; } .ssl-panel { position:static; } }
@media (max-width:640px) { .websites-form-grid { grid-template-columns:1fr; } .websites-form,.ssl-panel { padding:22px; } }