/* ==========================================================================
   MUASIR MÜHENDİSLİK — Kurumsal Web Sitesi
   Tasarım Sistemi: Bölüm 2 & 6, "Muasir_Muhendislik_Web_Sitesi_Dokumantasyonu"
   Renk: siyah / beyaz / kırmızı ağırlıklı, NVIDIA · AMD · Boston Dynamics ilhamlı
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  /* Renkler */
  --color-bg: #0D0D0D;
  --color-bg-alt: #1A1A1A;
  --color-bg-alt-2: #141414;
  --color-primary: #D5001C;
  --color-primary-dark: #8C0000;
  --color-text-inverse: #FFFFFF;
  --color-text: #1A1A1A;
  --color-text-muted: #9A9A9A;
  --color-text-muted-2: #6E6E6E;
  --color-border: #2A2A2A;

  /* Tipografi */
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Boşluklar */
  --space-section: 96px;
  --space-section-sm: 56px;
  --radius-card: 12px;
  --radius-btn: 6px;
  --container-w: 1240px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--color-bg);
  color:var(--color-text-inverse);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{
  font-family:var(--font-heading);
  font-weight:700;
  line-height:1.15;
  margin:0 0 16px;
  letter-spacing:-0.01em;
}
p{ margin:0 0 16px; color:var(--color-text-muted); }
.container{ max-width:var(--container-w); margin:0 auto; padding:0 24px; }

/* ===== Buttons ===== */
.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-body); font-weight:600; font-size:14px;
  letter-spacing:0.5px; text-transform:uppercase;
  padding:14px 28px; border-radius:var(--radius-btn);
  border:1px solid transparent; cursor:pointer;
  transition:all .2s ease; white-space:nowrap;
}
.btn-primary{ background:var(--color-primary); color:#fff; }
.btn-primary:hover{ background:var(--color-primary-dark); }
.btn-outline{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
.btn-outline:hover{ border-color:#fff; background:rgba(255,255,255,.06); }
.btn-arrow::after{ content:'→'; margin-left:2px; transition:transform .2s ease; }
.btn-arrow:hover::after{ transform:translateX(3px); }

/* ===== Header / MegaMenu ===== */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  padding:18px 0;
  background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
  transition:background .25s ease, padding .25s ease, border-color .25s ease;
  border-bottom:1px solid transparent;
}
.site-header.is-scrolled{
  background:rgba(13,13,13,.94);
  backdrop-filter:blur(8px);
  padding:12px 0;
  border-bottom-color:var(--color-border);
}
.header-inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand{ display:flex; align-items:center; gap:10px; }
.brand img{ height:34px; width:auto; }
.brand-name{ font-family:var(--font-heading); font-weight:700; font-size:15px; letter-spacing:.5px; line-height:1.15; }
.brand-name small{ display:block; font-family:var(--font-body); font-weight:500; font-size:10px; color:var(--color-text-muted); letter-spacing:1.5px; }

.menu-trigger{
  display:flex; align-items:center; gap:10px;
  background:transparent; border:1px solid rgba(255,255,255,.25);
  color:#fff; padding:10px 18px; border-radius:999px;
  font-family:var(--font-body); font-weight:600; font-size:13px;
  letter-spacing:.5px; cursor:pointer; transition:border-color .2s ease, background .2s ease;
}
.menu-trigger:hover{ border-color:var(--color-primary); background:rgba(213,0,28,.08); }
.menu-trigger.is-open{ border-color:var(--color-primary); background:rgba(213,0,28,.12); }
.menu-trigger .bars{ display:flex; flex-direction:column; gap:3px; width:16px; }
.menu-trigger .bars span{ width:16px; height:2px; background:#fff; display:block; transition:transform .2s ease, opacity .2s ease; transform-origin:center; }
.menu-trigger.is-open .bars span:nth-child(1){ transform:translateY(5px) rotate(45deg); }
.menu-trigger.is-open .bars span:nth-child(2){ opacity:0; }
.menu-trigger.is-open .bars span:nth-child(3){ transform:translateY(-5px) rotate(-45deg); }

.header-right{ display:flex; align-items:center; gap:14px; }
.lang-switch{ position:relative; }
.lang-btn{
  display:flex; align-items:center; gap:6px; background:transparent;
  border:1px solid rgba(255,255,255,.25); color:#fff; border-radius:999px;
  width:40px; height:40px; justify-content:center; cursor:pointer; font-size:17px;
}
svg.ic, svg{ display:inline-block; vertical-align:-0.15em; flex:none; }
.eyebrow svg{ vertical-align:-0.1em; }
.social-row a{ font-size:17px; }
.brand svg{ height:34px; width:auto; }
.lang-btn:hover{ border-color:var(--color-primary); }
.lang-dropdown{
  position:absolute; right:0; top:calc(100% + 10px); background:var(--color-bg-alt);
  border:1px solid var(--color-border); border-radius:var(--radius-card);
  padding:8px; min-width:170px; opacity:0; pointer-events:none; transform:translateY(-6px);
  transition:all .18s ease; box-shadow:0 12px 32px rgba(0,0,0,.5);
}
.lang-switch.open .lang-dropdown{ opacity:1; pointer-events:auto; transform:translateY(0); }
.lang-dropdown a{ display:flex; justify-content:space-between; padding:9px 12px; border-radius:8px; font-size:13px; font-weight:600; }
.lang-dropdown a.active{ color:var(--color-primary); }
.lang-dropdown a:hover{ background:rgba(255,255,255,.05); }
.lang-dropdown small{ color:var(--color-text-muted-2); font-weight:400; }

.cta-header{ display:none; }
@media(min-width:860px){ .cta-header{ display:inline-flex; } }

/* Mega menu panel */
.mega-menu{
  position:fixed; inset:0; z-index:999;
  background:rgba(5,5,5,.6); backdrop-filter:blur(3px);
  opacity:0; pointer-events:none; transition:opacity .25s ease;
}
.mega-menu.open{ opacity:1; pointer-events:auto; }
.mega-menu-panel{
  position:absolute; top:0; left:0; right:0;
  background:var(--color-bg-alt); border-bottom:1px solid var(--color-border);
  padding:120px 0 56px; transform:translateY(-16px); opacity:0; transition:all .3s ease;
  max-height:100vh; overflow-y:auto;
}
.mega-menu.open .mega-menu-panel{ transform:translateY(0); opacity:1; }
.mega-menu-close{
  position:absolute; top:26px; right:24px; width:42px; height:42px; border-radius:50%;
  border:1px solid rgba(255,255,255,.25); background:var(--color-bg-alt); color:#fff;
  font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center;
  z-index:1200;
}
.mega-menu-close:hover{ border-color:var(--color-primary); color:var(--color-primary); }
.mega-grid{
  display:grid; grid-template-columns:repeat(5,1fr); gap:36px;
}
@media(max-width:960px){ .mega-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .mega-grid{ grid-template-columns:1fr; } }
.mega-col h4{
  font-family:var(--font-body); text-transform:uppercase; letter-spacing:1.2px;
  font-size:12px; color:var(--color-primary); margin-bottom:16px; font-weight:700;
}
.mega-col ul li{ margin-bottom:6px; }
.mega-col ul li a{
  display:block; padding:7px 0; font-size:15px; font-weight:500; color:#e9e9e9;
  border-bottom:1px solid transparent; transition:color .15s ease;
}
.mega-col ul li a:hover{ color:var(--color-primary); }

/* ===== Hero (Home) ===== */
.hero{
  position:relative; min-height:92vh; display:flex; align-items:flex-end;
  background-size:cover; background-position:center; overflow:hidden;
}
.hero::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(6,6,6,.35) 0%, rgba(6,6,6,.55) 45%, rgba(6,6,6,.96) 100%);
}
.hero-content{ position:relative; z-index:2; padding:120px 0 90px; max-width:640px; }
.eyebrow{
  display:inline-flex; align-items:center; gap:8px; color:var(--color-primary);
  font-weight:700; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:18px;
}
.eyebrow::before{ content:''; width:22px; height:2px; background:var(--color-primary); display:inline-block; }
.hero h1{ font-size:clamp(34px,5.2vw,58px); }
.hero h1 span{ color:var(--color-primary); }
.hero-lead{ font-size:18px; color:#d8d8d8; max-width:520px; }
.hero-actions{ display:flex; gap:16px; flex-wrap:wrap; margin-top:28px; }
@media(max-width:768px){
  .hero{ min-height:78vh; background-position:72% center; }
  .hero::before{ background:linear-gradient(180deg, rgba(6,6,6,.25) 0%, rgba(6,6,6,.35) 55%, rgba(6,6,6,.97) 100%); }
  .hero-content{ padding:150px 0 32px; }
}
@media(max-width:480px){
  .hero{ min-height:72vh; background-position:78% center; }
  .hero-content{ padding:130px 0 28px; }
}

/* ===== Page Hero (inner pages) ===== */
.page-hero{
  position:relative; padding:180px 0 64px; background:var(--color-bg);
  border-bottom:1px solid var(--color-border);
}
.page-hero.has-photo{
  background-size:cover; background-position:center; padding:200px 0 90px;
}
.page-hero.has-photo::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(8,8,8,.55) 0%, rgba(8,8,8,.55) 30%, rgba(8,8,8,.97) 100%);
}
.page-hero .inner{ position:relative; z-index:2; }
.breadcrumb{ font-size:13px; color:var(--color-text-muted-2); margin-bottom:18px; }
.breadcrumb a:hover{ color:var(--color-primary); }
.page-hero h1{ font-size:clamp(30px,4.4vw,46px); max-width:760px; }
.page-hero .lead{ font-size:17px; color:#cfcfcf; max-width:640px; margin-top:8px; }

/* ===== Section Heading ===== */
.section-heading{ max-width:640px; margin-bottom:48px; }
.section-heading .kicker{
  display:flex; align-items:center; gap:10px; color:var(--color-primary);
  font-weight:700; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:12px;
}
.section-heading .kicker::before{ content:''; width:26px; height:2px; background:var(--color-primary); }
.section-heading h2{ font-size:clamp(26px,3.4vw,36px); margin-bottom:10px; }
.section-heading p{ font-size:16px; margin:0; }
.section-heading.center{ margin-left:auto; margin-right:auto; text-align:center; }
.section-heading.center .kicker{ justify-content:center; }

section{ padding:var(--space-section) 0; }
.section-alt{ background:var(--color-bg-alt-2); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }

/* ===== Product Grid ===== */
.product-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media(max-width:980px){ .product-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .product-grid{ grid-template-columns:1fr; } }
.product-card{
  position:relative; border-radius:var(--radius-card); overflow:hidden;
  background:var(--color-bg-alt); border:1px solid var(--color-border);
  aspect-ratio:3/4; display:flex; flex-direction:column; justify-content:flex-end;
  background-size:cover; background-position:center; transition:transform .25s ease, border-color .25s ease;
}
.product-card:hover{ transform:translateY(-4px); border-color:var(--color-primary); }
.product-card::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(10,10,10,0) 30%, rgba(8,8,8,.92) 100%);
}
.product-card-body{ position:relative; z-index:2; padding:22px; }
.product-card .tag{ font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--color-primary); font-weight:700; margin-bottom:6px; display:block; }
.product-card h3{ font-size:20px; margin-bottom:6px; }
.product-card p{ font-size:13.5px; margin:0; color:#c9c9c9; }

/* ===== Icon strip (Teknolojiler / Sektörler ana sayfa şeritleri) ===== */
.icon-strip{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
@media(max-width:980px){ .icon-strip{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:640px){ .icon-strip{ grid-template-columns:repeat(2,1fr); } }
.icon-strip.cols-6{ grid-template-columns:repeat(6,1fr); }
@media(max-width:980px){ .icon-strip.cols-6{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:640px){ .icon-strip.cols-6{ grid-template-columns:repeat(2,1fr); } }
.icon-card{
  background:var(--color-bg-alt); border:1px solid var(--color-border); border-radius:var(--radius-card);
  padding:26px 20px; text-align:left; transition:border-color .2s ease, transform .2s ease;
}
.icon-card:hover{ border-color:var(--color-primary); transform:translateY(-3px); }
.icon-card .ic{ font-size:26px; margin-bottom:14px; display:block; color:var(--color-primary); }
.icon-card h3{ font-size:15.5px; margin-bottom:6px; }
.icon-card p{ font-size:13px; margin:0; }
.icon-card a.stretched{ position:absolute; inset:0; }
.icon-card{ position:relative; }

/* ===== Feature Strip (5 ikon şeridi, ürün detay) ===== */
.feature-strip{
  display:grid; grid-template-columns:repeat(5,1fr); gap:1px;
  background:var(--color-border); border:1px solid var(--color-border); border-radius:var(--radius-card); overflow:hidden;
}
@media(max-width:900px){ .feature-strip{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .feature-strip{ grid-template-columns:1fr; } }
.feature-strip-item{ background:var(--color-bg-alt); padding:26px 20px; }
.feature-strip-item .ic{ color:var(--color-primary); font-size:22px; margin-bottom:12px; display:block; }
.feature-strip-item h4{ font-family:var(--font-body); font-size:14px; font-weight:700; margin-bottom:6px; }
.feature-strip-item p{ font-size:12.5px; margin:0; }

/* ===== Product Hero (detay sayfası) ===== */
.product-hero{ padding:180px 0 70px; border-bottom:1px solid var(--color-border); }
.product-hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
@media(max-width:900px){ .product-hero-grid{ grid-template-columns:1fr; } }
.product-hero-media{ border-radius:var(--radius-card); overflow:hidden; border:1px solid var(--color-border); }
.product-hero h1{ font-size:clamp(30px,4vw,44px); }

/* ===== About block ===== */
.about-block{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
@media(max-width:860px){ .about-block{ grid-template-columns:1fr; gap:28px; } }
.about-block h2{ font-size:clamp(24px,3vw,32px); }

/* ===== How it works ===== */
.how-steps{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; position:relative; }
@media(max-width:900px){ .how-steps{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .how-steps{ grid-template-columns:1fr; } }
.how-step{ text-align:center; }
.how-step .num{
  width:56px; height:56px; border-radius:50%; border:1px solid var(--color-border);
  display:flex; align-items:center; justify-content:center; margin:0 auto 14px;
  color:var(--color-primary); font-family:var(--font-heading); font-weight:700; font-size:18px;
  background:var(--color-bg-alt);
}
.how-step h4{ font-size:14.5px; margin-bottom:4px; }
.how-step p{ font-size:12.5px; margin:0; }

/* ===== Use case list ===== */
.usecase-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px 32px; }
@media(max-width:640px){ .usecase-list{ grid-template-columns:1fr; } }
.usecase-list li{
  display:flex; align-items:flex-start; gap:12px; font-size:15px; color:#e6e6e6;
  padding:14px 0; border-bottom:1px solid var(--color-border);
}
.usecase-list li::before{ content:'→'; color:var(--color-primary); font-weight:700; }

/* ===== Benefit / advantage list (Teknolojiler sayfaları) ===== */
.benefit-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px 28px; margin-top:8px; }
@media(max-width:640px){ .benefit-list{ grid-template-columns:1fr; } }
.benefit-list li{
  display:flex; gap:12px; align-items:flex-start; font-size:15px; color:#e6e6e6; line-height:1.5;
}
.benefit-list li .check{
  flex:none; width:22px; height:22px; border-radius:50%; background:rgba(213,0,28,.12);
  color:var(--color-primary); display:flex; align-items:center; justify-content:center; font-size:12px; margin-top:2px;
}

/* ===== Vision / future block ===== */
.vision-box{
  border-left:3px solid var(--color-primary); background:var(--color-bg-alt);
  padding:28px 32px; border-radius:0 var(--radius-card) var(--radius-card) 0; margin-top:var(--space-section-sm);
}
.vision-box h3{ font-size:14px; text-transform:uppercase; letter-spacing:1.2px; color:var(--color-primary); margin-bottom:10px; }
.vision-box p{ color:#dcdcdc; margin:0; }

/* ===== CTA band ===== */
.cta-band{
  border-top:1px solid var(--color-border);
  background:linear-gradient(120deg, var(--color-bg-alt) 0%, #170606 100%);
  padding:56px 0;
}
.cta-band-inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.cta-band h2{ font-size:clamp(22px,2.6vw,30px); margin:0 0 6px; }
.cta-band p{ margin:0; }
.cta-band-actions{ display:flex; gap:14px; flex-wrap:wrap; }

/* ===== Content page (Teknolojiler/Sektörler/Şirket alt sayfa şablonu) ===== */
.content-page{ padding:var(--space-section) 0; }
.content-columns{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:start; }
@media(max-width:900px){ .content-columns{ grid-template-columns:1fr; } }
.content-photo{ border-radius:var(--radius-card); overflow:hidden; border:1px solid var(--color-border); }
.content-photo.no-photo{
  aspect-ratio:4/3; background:var(--color-bg-alt); display:flex; align-items:center; justify-content:center;
  font-size:52px; color:var(--color-primary);
}
.lede{ font-size:18px; color:#dcdcdc; }
.sub-h{ font-size:13px; text-transform:uppercase; letter-spacing:1.2px; color:var(--color-primary); font-weight:700; margin:36px 0 14px; }

/* ===== Related links row ===== */
.related-row{ display:flex; gap:14px; flex-wrap:wrap; margin-top:20px; }
.pill-link{
  border:1px solid var(--color-border); border-radius:999px; padding:9px 18px;
  font-size:13.5px; font-weight:600; color:#e5e5e5; transition:border-color .2s ease, color .2s ease;
}
.pill-link:hover{ border-color:var(--color-primary); color:var(--color-primary); }

/* ===== Placeholder (Kariyer/Haberler "Yakında") ===== */
.coming-soon{
  text-align:center; padding:100px 24px; border:1px dashed var(--color-border); border-radius:var(--radius-card);
  background:var(--color-bg-alt);
}
.coming-soon .ic{ font-size:34px; color:var(--color-primary); margin-bottom:18px; }
.coming-soon h2{ margin-bottom:10px; }
.coming-soon p{ max-width:440px; margin:0 auto; }

/* ===== Contact ===== */
.contact-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; }
@media(max-width:900px){ .contact-grid{ grid-template-columns:1fr; } }
.contact-cards-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:820px; }
@media(max-width:640px){ .contact-cards-grid{ grid-template-columns:1fr; } }
.contact-card{
  background:var(--color-bg-alt); border:1px solid var(--color-border); border-radius:var(--radius-card);
  padding:26px 24px; margin-bottom:14px; display:flex; gap:18px; align-items:flex-start;
  transition:border-color .2s ease, transform .2s ease;
}
.contact-cards-grid .contact-card{ margin-bottom:0; }
.contact-card:hover{ border-color:var(--color-primary); transform:translateY(-2px); }
.contact-card .ic{ color:var(--color-primary); font-size:24px; flex:none; }
.contact-card h4{ font-size:12.5px; text-transform:uppercase; letter-spacing:.8px; color:var(--color-text-muted); margin-bottom:6px; }
.contact-card p, .contact-card a{ margin:0; font-size:17px; color:#f2f2f2; font-weight:600; }
.contact-card a:hover{ color:var(--color-primary); }
.social-row{ display:flex; gap:12px; margin-top:8px; }
.social-row a{
  width:44px; height:44px; border-radius:50%; border:1px solid var(--color-border);
  display:flex; align-items:center; justify-content:center; transition:all .2s ease;
}
.social-row a:hover{ border-color:var(--color-primary); color:var(--color-primary); }

.form-card{ background:var(--color-bg-alt); border:1px solid var(--color-border); border-radius:var(--radius-card); padding:36px; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:560px){ .form-row{ grid-template-columns:1fr; } }
.form-group{ margin-bottom:16px; }
.form-group label{ display:block; font-size:12.5px; font-weight:600; letter-spacing:.4px; text-transform:uppercase; color:var(--color-text-muted); margin-bottom:8px; }
.form-group input, .form-group textarea{
  width:100%; background:var(--color-bg); border:1px solid var(--color-border); border-radius:var(--radius-btn);
  padding:13px 14px; color:#fff; font-family:var(--font-body); font-size:14.5px;
}
.form-group input:focus, .form-group textarea:focus{ outline:none; border-color:var(--color-primary); }
.form-group textarea{ min-height:120px; resize:vertical; }

/* ===== Footer ===== */
.site-footer{ border-top:1px solid var(--color-border); padding:64px 0 28px; background:var(--color-bg); }
.footer-top{ display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:36px; margin-bottom:48px; }
@media(max-width:900px){ .footer-top{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .footer-top{ grid-template-columns:1fr; } }
.footer-brand .brand{ margin-bottom:14px; }
.footer-brand p{ font-size:14px; max-width:280px; }
.footer-col h4{ font-family:var(--font-body); font-size:12px; text-transform:uppercase; letter-spacing:1.2px; color:var(--color-primary); font-weight:700; margin-bottom:16px; }
.footer-col ul li{ margin-bottom:10px; }
.footer-col ul li a{ font-size:14px; color:#c9c9c9; }
.footer-col ul li a:hover{ color:var(--color-primary); }
.footer-bottom{
  border-top:1px solid var(--color-border); padding-top:24px; display:flex; justify-content:space-between;
  align-items:center; flex-wrap:wrap; gap:12px; font-size:13px; color:var(--color-text-muted-2);
}

/* ===== Misc ===== */
.badge-strip{ display:flex; gap:28px; flex-wrap:wrap; margin-top:18px; }
.badge-strip .b{ font-size:12.5px; color:var(--color-text-muted-2); display:flex; align-items:center; gap:8px; }
.badge-strip .b strong{ color:#fff; font-family:var(--font-heading); font-size:18px; }

.divider{ height:1px; background:var(--color-border); margin:var(--space-section-sm) 0; border:0; }

::selection{ background:var(--color-primary); color:#fff; }