/*

Theme Name: Morganext

Theme URI: https://morganext.com

Author: Morganext

Author URI: https://morganext.com

Description: Проектная компания: ИИ-агенты, собственные LLM, подписка и поддержка.

Version: 1.0.0

Text Domain: morganext

*/


:root{

  --bg:#0E1219; --card:#101826; --muted:#97A3B6; --text:#EAF2FF;

  --brand:#4DA3FF; --brand-2:#7CF2D4; --radius:18px;

  --shadow:0 10px 30px rgba(0,0,0,.35); --grid: clamp(16px, 3vw, 28px);

}


*{box-sizing:border-box}

body{margin:0; font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:var(--text); line-height:1.6}

a{color:var(--brand); text-decoration:none}

img,video{max-width:100%; display:block}


.container{width:min(1300px, 100%); margin-inline:auto; padding-inline:var(--grid)}

header.site-header{position:sticky; top:0; background:rgba(14,18,25,.85); backdrop-filter:blur(6px); border-bottom:1px solid rgba(255,255,255,.06); z-index:10}

.nav{display:flex; align-items:center; justify-content:space-between; padding:12px var(--grid)}

.logo{display:flex; gap:10px; align-items:center}

.logo__mark{width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg, var(--brand), var(--brand-2))}

.logo__type{font-weight:700}

.menu{display:flex; gap:20px}

.cta-btn{padding:12px 18px; background:linear-gradient(135deg, var(--brand), var(--brand-2)); border-radius:14px; font-weight:700; color:#05121f}


.hero{padding: clamp(48px, 9vw, 100px) 0}

.hero__grid{display:grid; gap:36px; grid-template-columns:1.1fr .9fr}

h1{font-family:"DM Serif Display", serif; font-size: clamp(34px, 6vw, 64px); line-height:1.1; margin:0 0 10px; font-size:36px}

.lead{font-size: clamp(16px, 2vw, 20px); color:#CFE0FF}


section{padding: clamp(42px, 8vw, 90px) 0}

.section-title{font-size: clamp(24px, 4.5vw, 38px); font-weight:700; margin:0 0 14px}


/* Tabs */

.tabs{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}

.tab{color:white; padding:10px 14px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:#0B1421; cursor:pointer; font-weight:600}

.tab[aria-selected="true"]{background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#05121f}

.tabpanes{margin-top:18px}

.tabpane{display:none}

.tabpane.active{display:block}


/* Cards / grids */

.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}

.card{background:var(--card); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:18px}

.card h3{margin-top:0}


/* Gallery */

.gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}

.gallery figure{position:relative; overflow:hidden; border-radius:14px; border:1px solid rgba(255,255,255,.08)}

.gallery img{width:100%; height:220px; object-fit:cover}


footer.site-footer{border-top:1px solid rgba(255,255,255,.08); padding:28px 0; color:#A8B7CE}


@media(max-width:960px){

  .hero__grid{grid-template-columns:1fr}

  .menu{display:none}

  .cards{grid-template-columns:1fr}

  .gallery{grid-template-columns:1fr 1fr}

}

@media(max-width:520px){

  .gallery{grid-template-columns:1fr}

}