/* AlphaConnect Website Stylesheet - Version: 1.0.0 */

:root{--brand-green:#87C53E;--brand-blue:#60A1CD;--brand-black:#010000;--card:#fff}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:#111;background:#fff;line-height:1.5}
img{max-width:100%;display:block}
a{color:var(--brand-blue);text-decoration:none}
a:hover{text-decoration:underline}
.topbar{background:var(--brand-black);color:#fff;text-align:center;padding:.4rem .8rem;font-size:.9rem;letter-spacing:.4px}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem}
.site-header .brand img{height:38px}
.nav-toggle{display:none;background:transparent;border:0;font-size:1.5rem;cursor:pointer}
.site-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.site-nav a{padding:.6rem .8rem;border-radius:.6rem;font-weight:600;color:#000}
.site-nav a:hover{background:#f6f8fa;text-decoration:none}
.dropdown{position:relative}
.dropdown > a::after{content:" ▼";font-size:.7em;opacity:.6;margin-left:.3rem}
.dropdown > .menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;box-shadow:0 10px 20px rgba(0,0,0,.08);padding:.4rem 0;display:none;min-width:240px}
.dropdown:hover > .menu{display:block}
.dropdown .menu li a{display:block;padding:.6rem .9rem;color:#000}
.dropdown .menu li a:hover{background:#f3f4f6}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:5rem 1rem;max-width:1120px;margin:0 auto}
.hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:.2rem 0}
.hero p.lead{font-size:1.1rem;color:#374151;max-width:55ch}
.badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.badge{background:#eef6ff;border:1px solid #dbeafe;color:#1e40af;padding:.35rem .6rem;border-radius:999px;font-weight:600;font-size:.8rem}
.cta{display:flex;gap:.8rem;margin-top:1.4rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:.8rem;padding:.85rem 1.1rem;font-weight:700;cursor:pointer}
.btn-primary{background:var(--brand-green);color:#0b1b04}
.btn-outline{background:transparent;color:var(--brand-blue);border:2px solid var(--brand-blue)}
.section{padding:3.5rem 1rem}
.container{max-width:1120px;margin:0 auto}
.kicker{color:var(--brand-green);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.2rem}
.card{background:var(--card);border:1px solid #eee;border-radius:1rem;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 8px 20px rgba(0,0,0,.05)}
.price{font-size:2rem;font-weight:800}
.features{list-style:none;padding:0;margin:.2rem 0;display:grid;gap:.35rem}
.features li::before{content:"✓ ";color:var(--brand-green);font-weight:800}
.banner{background:linear-gradient(135deg, rgba(135,197,62,.1), rgba(96,161,205,.1));border:1px dashed rgba(0,0,0,.08);border-radius:1rem;padding:1rem;margin-top:.6rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.tile{background:#fff;border:1px solid #eee;border-radius:1rem;padding:1rem}
.site-footer{background:#0b0b0b;color:#f9fafb;margin-top:3rem}
.site-footer a{color:#e5e7eb}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1120px;margin:0 auto;padding:2.2rem 1rem;justify-items:center;text-align:center}
.footer-grid > div{text-align:left}
.copyright{border-top:1px solid rgba(255,255,255,.08);padding:1rem;text-align:center;color:#9ca3af}
.notice{background:#fff9eb;border:1px solid #fde6b6;color:#92400e;padding:.8rem;border-radius:.6rem}
.hero-visual img,.hero-visual-img{width:100%;height:auto;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.15)}
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #eee;padding:.7rem .6rem;text-align:left}
/* Support page extras */
.support-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}
.support-form input[type="text"],.support-form input[type="email"],.support-form input[type="tel"],.support-form input[type="file"],.support-form select,.support-form textarea{padding:.7rem .8rem;border:1px solid #e5e7eb;border-radius:.6rem;font-size:1rem;background:#fff}
.support-form .consent{display:flex;align-items:center;gap:.6rem;margin:.6rem 0}
details{border:1px solid #eee;border-radius:.6rem;padding:.6rem .8rem;margin:.6rem 0;background:#fff}
details > summary{cursor:pointer;font-weight:700}
@media (max-width: 960px){.hero .wrap{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}
@media (max-width: 640px){.nav-toggle{display:block}.site-nav{position:fixed;inset:60px 0 auto 0;background:#fff;border-bottom:1px solid #eee;transform:translateY(-120%);transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.1)}.site-nav.open{transform:translateY(0)}.site-nav ul{flex-direction:column;padding:1rem}.cards{grid-template-columns:1fr}}