:root{
    --bg:#ffffff;
    --bg-alt:#f1f5f8;
    --surface:#ffffff;
    --ink:#0b1926;
    --ink-soft:#4f616e;
    --ink-faint:#7d8d99;
    --accent:#08609f;
    --accent-bright:#1271b8;
    --accent-deep:#0a4b7d;
    --accent-soft:#dce9f2;
    --line:#d7e1e8;
    --line-strong:#b7c9d6;
    --shadow: 0 20px 60px -30px rgba(10,38,60,0.35);
    --radius: 2px;
    --font-display: "Bahnschrift", "SF Compact Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;
    --font-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --font-mono: "Cascadia Mono", "Consolas", ui-monospace, monospace;
  }
  @media (prefers-color-scheme: dark){
    :root{
      --bg:#ffffff;
      --bg-alt:#f1f5f8;
      --surface:#ffffff;
      --ink:#0b1926;
      --ink-soft:#4f616e;
      --ink-faint:#7d8d99;
      --accent:#08609f;
      --accent-bright:#1271b8;
      --accent-deep:#0a4b7d;
      --accent-soft:#dce9f2;
      --line:#d7e1e8;
      --line-strong:#b7c9d6;
      --shadow: 0 20px 60px -30px rgba(10,38,60,0.35);
    }
  }
  :root[data-theme="dark"]{
    --bg:#ffffff;
    --bg-alt:#f1f5f8;
    --surface:#ffffff;
    --ink:#0b1926;
    --ink-soft:#4f616e;
    --ink-faint:#7d8d99;
    --accent:#08609f;
    --accent-bright:#1271b8;
    --accent-deep:#0a4b7d;
    --accent-soft:#dce9f2;
    --line:#d7e1e8;
    --line-strong:#b7c9d6;
    --shadow: 0 20px 60px -30px rgba(10,38,60,0.35);
  }
  :root[data-theme="light"]{
    --bg:#ffffff;
    --bg-alt:#f1f5f8;
    --surface:#ffffff;
    --ink:#0b1926;
    --ink-soft:#4f616e;
    --ink-faint:#7d8d99;
    --accent:#08609f;
    --accent-bright:#1271b8;
    --accent-deep:#0a4b7d;
    --accent-soft:#dce9f2;
    --line:#d7e1e8;
    --line-strong:#b7c9d6;
    --shadow: 0 20px 60px -30px rgba(10,38,60,0.35);
  }

  *{box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%; overflow-x:hidden; width:100%;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    overflow-x:hidden;
  }
  img,svg{display:block; max-width:100%;}
  a{color:inherit;}
  h1,h2,h3,h4{
    font-family:var(--font-display);
    font-weight:700;
    margin:0;
    text-wrap:balance;
    letter-spacing:0.01em;
  }
  p{margin:0;}
  .wrap{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:0 28px;
  }
  .eyebrow{
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--accent-deep);
    display:flex;
    align-items:center;
    gap:10px;
  }
  @media (prefers-color-scheme: dark){ .eyebrow{color:var(--accent-bright);} }
  :root[data-theme="dark"] .eyebrow{color:var(--accent-bright);}
  .eyebrow::before{
    content:"";
    width:18px;
    height:1px;
    background:var(--accent);
    display:inline-block;
  }

  /* ---------- Header ---------- */
  header{
    position:sticky;
    top:0;
    z-index:200;
    background:#f7f9fa;
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
    transition:box-shadow .25s ease;
  }
  header.scrolled{box-shadow:0 8px 24px -18px rgba(10,38,60,0.4);}
  .nav-row{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    height:90px;
    gap:0;
    padding-left:22px;
    padding-right:22px;
  }
  .logo{
    display:flex;
    align-items:center;
    gap:12px;
    font-family:var(--font-display);
    font-weight:600;
    font-size:17px;
    letter-spacing:0.02em;
    text-decoration:none;
    color:var(--ink);
    cursor:pointer;
    background:none;
    border:none;
    padding:0;
    flex:0 0 auto;
    margin-right:54px;
  }
  .logo-mark{
    height:61px;
    width:auto;
    max-width:190px;
    object-fit:contain;
    flex:none;
    display:block;
  }
  @media (min-width:981px){
    .logo{transform:translateX(-20px);}
    .logo-mark{height:70px;}
  }
  .logo > span{display:block; margin-top:14px; color:#334152; white-space:nowrap;}
  footer a[href="edu-gelisim.html"], footer a[href="donanim.html"]{white-space:nowrap;}
  .logo small{
    display:block;
    font-family:var(--font-mono);
    font-weight:400;
    font-size:9.5px;
    letter-spacing:0.2em;
    color:var(--ink-faint);
    text-transform:uppercase;
    margin-top:2px;
    text-align:left;
  }
  nav.main-nav{
    display:flex;
    align-items:stretch;
    gap:2px;
    min-width:0;
  }
  .nav-item{
    position:relative;
    display:flex;
    align-items:center;
    z-index:1;
  }
  nav.main-nav > .nav-item > a, nav.main-nav > .nav-item > button.nav-link{
    display:flex;
    align-items:center;
    gap:5px;
    white-space:nowrap;
    text-decoration:none;
    font-family:var(--font-body);
    font-size:14.5px;
    color:var(--ink-soft);
    position:relative;
    padding:10px 9px;
    background:none;
    border:none;
    cursor:pointer;
    transition:color .18s ease;
    z-index:2;
  }
  nav.main-nav .nav-link .caret{width:9px; height:9px; opacity:0.6;}
  nav.main-nav > .nav-item > a:hover, nav.main-nav > .nav-item > a:focus-visible,
  nav.main-nav > .nav-item > button.nav-link:hover{color:var(--ink);}
  .nav-item.is-active > a, .nav-item.is-active > button.nav-link{color:var(--ink); font-weight:600;}
  .nav-item.is-active > a::after, .nav-item.is-active > button.nav-link::after{
    content:"";
    position:absolute;
    left:14px; right:14px; bottom:4px;
    height:2px;
    background:var(--accent);
  }
  .dropdown{
    position:absolute;
    top:100%;
    left:0;
    z-index:90;
    pointer-events:none;
  }
  .dropdown-panel{
    position:relative;
    z-index:9999;
    min-width:230px;
    background:#e8f1f8;
    border:1px solid rgba(14,99,163,.22);
    border-radius:9px;
    box-shadow:0 16px 34px rgba(7,24,40,.14), 0 3px 10px rgba(7,24,40,.06);
    padding:8px;
    display:flex;
    flex-direction:column;
    gap:1px;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    pointer-events:none;
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
  }
  .main-nav > .nav-item:nth-child(3) > .dropdown > .tech-education-panel{
    display:flex;
    flex-direction:column;
    width:280px;
  }
  .tech-education-panel .menu-column{
    display:flex;
    flex-direction:column;
    gap:0;
    min-width:0;
  }
  .tech-education-panel .menu-column h4{
    margin:0 0 12px;
    color:var(--accent-deep);
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .tech-education-panel .menu-column a{
    display:block;
    padding:7px 0;
  }
  .nav-item > a:hover + .dropdown .dropdown-panel,
  .nav-item > a:focus-visible + .dropdown .dropdown-panel,
  .nav-item > button.nav-link:hover + .dropdown .dropdown-panel,
  .nav-item > button.nav-link:focus-visible + .dropdown .dropdown-panel,
  .nav-item > .dropdown:hover .dropdown-panel,
  .nav-item > .dropdown:focus-within .dropdown-panel,
  .nav-item:focus-within .dropdown-panel{
    opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;
  }
  .dropdown-panel a,
  .dropdown-panel a:hover,
  .dropdown-panel a:focus,
  .dropdown-panel a:focus-visible{
    position:relative;
    z-index:10000;
    pointer-events:auto;
    cursor:pointer;
  }
  @media (prefers-reduced-motion: reduce){ .dropdown-panel{transition:opacity .01s linear;} }
  .dropdown a{
    padding:11px 12px;
    font-size:14px;
    text-decoration:none;
    color:var(--ink-soft);
    display:flex;
    flex-direction:column;
    gap:2px;
  }
  .dropdown a .sub{font-family:var(--font-mono); font-size:11px; color:var(--ink-faint);}
  .dropdown a:hover{background:rgba(14,99,163,.07); color:var(--ink);}

  .header-actions{display:flex; align-items:center; gap:18px; margin-left:auto; flex:0 0 auto;}
  .social-link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    line-height:1;
    color:inherit;
    text-decoration:none;
    margin:0;
    padding:0;
    flex:none;
    vertical-align:middle;
    align-self:center;
  }
  .header-actions > .social-link{transform:translateX(25px);}
  .social-link svg{
    display:block;
    width:18px;
    height:18px;
    color:var(--ink);
  }
  .whatsapp-link{width:20px; height:20px;}
  .whatsapp-link svg{width:20px; height:20px; color:var(--ink);}
  .linkedin-link svg{width:20px; height:20px; transform:translateY(-1px) scale(1.15); transform-origin:center;}
  .youtube-link svg{width:20px; height:20px; transform:scale(1.15); transform-origin:center;}
  .social-link.linkedin-link,.social-link.youtube-link{width:20px; height:20px;}
  .search-toggle{display:flex; align-items:center; justify-content:center; width:18px; height:18px; padding:0; border:0; background:none; color:var(--accent); cursor:pointer; flex:none;}
  .header-actions > .search-toggle{transform:translateX(22px);}
  .search-toggle svg{display:block; width:18px; height:18px;}
  .header-actions{position:relative;}
  .site-search{position:absolute; top:calc(100% + 14px); right:0; z-index:100; display:none; width:250px; padding:10px; background:#e8f1f8; border:1px solid rgba(14,99,163,.22); border-radius:9px; box-shadow:0 16px 34px rgba(7,24,40,.14), 0 3px 10px rgba(7,24,40,.06);}
  .site-search.is-open{display:block;}
  .site-search-form input{display:block; width:100%; box-sizing:border-box; padding:9px 10px; border:1px solid var(--line-strong); border-radius:6px; background:#fff; color:var(--ink); font:14px var(--font-body);}
  .site-search-form input:focus{outline:2px solid var(--accent); outline-offset:1px;}
  .site-search-results{display:flex; flex-direction:column; gap:1px; margin-top:6px; max-height:260px; overflow-y:auto;}
  .site-search-results a{padding:8px 10px; color:var(--ink-soft); font-size:13px; text-decoration:none;}
  .site-search-results a:hover,.site-search-results a:focus-visible{background:rgba(14,99,163,.08); color:var(--ink);}
  .site-search-results:empty{display:none;}
  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:var(--font-body);
    font-weight:600;
    font-size:14px;
    padding:12px 22px;
    border-radius:10px;
    text-decoration:none;
    border:1px solid transparent;
    cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  }
  .header-actions .btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:96px;
    height:36px;
    min-height:36px;
    padding:0 18px;
    border-radius:10px;
    box-sizing:border-box;
    white-space:nowrap;
    font-size:14px;
    line-height:1;
    background:var(--accent);
    color:#041521;
    margin-left:8px;
  }
  .btn-primary{
    background:var(--accent);
    color:#041521;
  }
  .btn-primary:hover{background:var(--accent-bright); transform:translateY(-1px);}
  .btn-ghost{
    background:transparent;
    color:var(--ink);
    border-color:var(--line-strong);
  }
  .btn-ghost:hover{border-color:var(--accent); color:var(--accent-deep);}
  @media (prefers-color-scheme:dark){ .btn-ghost:hover{color:var(--accent-bright);} }
  :root[data-theme="dark"] .btn-ghost:hover{color:var(--accent-bright);}

  .menu-toggle{
    display:none;
    background:none;
    border:1px solid var(--line-strong);
    width:42px; height:42px;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .menu-toggle span, .menu-toggle span::before, .menu-toggle span::after{
    content:"";
    display:block;
    width:18px;
    height:2px;
    background:var(--ink);
    position:relative;
    transition:transform .2s ease, opacity .2s ease;
  }
  .menu-toggle span::before{position:absolute; top:-6px;}
  .menu-toggle span::after{position:absolute; top:6px;}

  /* ---------- Page view switching ---------- */
  .page-view{display:none;}
  .page-view.active{display:block; animation:pageIn .6s cubic-bezier(.16,.8,.4,1) both;}
  @keyframes pageIn{
    from{opacity:0; transform:translateY(18px);}
    to{opacity:1; transform:translateY(0);}
  }
  @media (prefers-reduced-motion: reduce){
    .page-view.active{animation:none;}
  }

  /* ---------- Hero (home) ---------- */
  .hero{
    position:relative;
    overflow:hidden;
    color:#eef4f8;
    background:#060e15;
  }
  .hero-bg-slides{position:absolute; inset:0; z-index:0;}
  .hero-bg-slide{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
    opacity:0; transform:scale(1.0);
    animation:heroSlide 21s ease-in-out infinite;
  }
  .hero-bg-slide:nth-child(1){animation-delay:0s;}
  .hero-bg-slide:nth-child(2){animation-delay:7s;}
  .hero-bg-slide:nth-child(3){animation-delay:14s;}
  @keyframes heroSlide{
    0%{opacity:0; transform:scale(1.0);}
    6%{opacity:1;}
    28%{opacity:1;}
    34%{opacity:0; transform:scale(1.09);}
    100%{opacity:0; transform:scale(1.09);}
  }
  .hero-overlay{
    position:absolute; inset:0; z-index:1; pointer-events:none;
    background:
      radial-gradient(ellipse 55% 90% at 92% 10%, rgba(53,147,214,0.20) 0%, transparent 55%),
      linear-gradient(100deg, rgba(4,10,15,0.90) 0%, rgba(5,12,18,0.74) 40%, rgba(6,14,21,0.40) 72%, rgba(6,14,21,0.28) 100%);
  }
  .hero-inner{position:relative; z-index:2; padding:110px 0 100px;}
  .hero-copy{max-width:640px;}
  .hero-copy .eyebrow{margin-bottom:20px; color:#8fbbd9;}
  .hero-copy .eyebrow::before{background:#8fbbd9;}
  .hero h1{
    font-size:clamp(34px, 4.6vw, 58px);
    line-height:1.05;
    color:#ffffff;
    text-shadow:0 4px 26px rgba(0,0,0,0.4);
  }
  .hero h1 em{font-style:normal; color:#4da6e5;}
  .hero p.lead{margin-top:22px; font-size:17.5px; color:#dce6ec; max-width:52ch; text-shadow:0 2px 16px rgba(0,0,0,0.35);}
  .hero-cta{margin-top:34px; display:flex; gap:16px; flex-wrap:wrap;}
  .hero .btn-ghost{color:#fff; border-color:rgba(255,255,255,0.4);}
  .hero .btn-ghost:hover{border-color:#fff; color:#fff;}
  .hero-brandbar{margin-top:56px; padding-top:26px; border-top:1px solid rgba(255,255,255,0.16);}
  .hero-brandbar span.label{
    font-family:var(--font-mono); font-size:11px; letter-spacing:0.14em;
    text-transform:uppercase; color:#9db1c1;
  }
  .brand-list{display:flex; gap:28px; flex-wrap:wrap; margin-top:14px;}
  .brand-list span{font-family:var(--font-display); font-weight:700; font-size:17px; color:#dce6ec; letter-spacing:0.01em;}

  .load-in{
    opacity:0; transform:translateY(20px);
    animation:loadIn .7s cubic-bezier(.16,.8,.4,1) both;
    animation-delay:var(--d, 0s);
  }
  @keyframes loadIn{ to{opacity:1; transform:translateY(0);} }
  @media (prefers-reduced-motion: reduce){
    .hero-bg-slide{animation:none; opacity:0;}
    .hero-bg-slide:first-child{opacity:1;}
    .load-in{animation:none; opacity:1; transform:none;}
  }

  /* ---------- Page banner (inner pages) ---------- */
  .page-banner{
    position:relative;
    padding:64px 0 52px;
    background:var(--bg-alt);
    border-bottom:1px solid var(--line);
    overflow:hidden;
  }
  .page-banner::before{
    content:"";
    position:absolute; inset:0;
    background-image:
      linear-gradient(var(--line) 1px, transparent 1px),
      linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size:56px 56px;
    mask-image:radial-gradient(ellipse 70% 100% at 85% 0%, black, transparent);
    opacity:0.45;
  }
  .page-banner-inner{position:relative;}
  .page-banner h1{font-size:clamp(28px, 3.6vw, 42px); margin-top:14px;}
  .page-banner p{margin-top:16px; color:var(--ink-soft); font-size:16px; max-width:60ch;}
  .crumb{
    margin-top:22px;
    font-family:var(--font-mono);
    font-size:12px;
    color:var(--ink-faint);
    display:flex;
    align-items:center;
    gap:8px;
  }
  .crumb button{background:none; border:none; padding:0; font-family:inherit; font-size:inherit; color:var(--ink-faint); cursor:pointer;}
  .crumb button:hover{color:var(--accent-deep);}
  .crumb span.sep{opacity:0.5;}
  .crumb span.here{color:var(--ink-soft);}

  /* ---------- Stats ---------- */
  .stats{margin-top:42px; padding:44px 0 48px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--bg-alt);}
  .stats-row{display:grid; width:88%; margin:0 auto; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; align-items:stretch;}
  .stat{position:relative; display:flex; min-height:132px; padding:26px 22px 18px; padding-right:72px; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid var(--line-strong); border-radius:11px; background:var(--surface); box-shadow:0 8px 20px rgba(10,38,60,.06); overflow:hidden;}
  .stat:first-child{border-left:1px solid var(--line-strong);}
  .stat-visual{position:absolute; top:10px; right:14px; width:58px; height:58px; object-fit:contain; object-position:center; opacity:.85; pointer-events:none; z-index:0;}
  .stat .num, .stat .desc{position:relative; z-index:1;}
  .stat .num{font-family:var(--font-mono); font-size:30px; font-weight:600; color:var(--accent-deep); font-variant-numeric:tabular-nums;}
  @media (prefers-color-scheme:dark){ .stat .num{color:var(--accent-bright);} }
  :root[data-theme="dark"] .stat .num{color:var(--accent-bright);}
  .stat .desc{margin-top:6px; font-size:13.5px; color:var(--ink-soft);}

  /* ---------- Section shell ---------- */
  section{padding:96px 0;}
  .section-head{max-width:640px; margin-bottom:52px;}
  .section-head h2{margin-top:16px; font-size:clamp(26px, 3.2vw, 38px);}
  .section-head p{margin-top:16px; color:var(--ink-soft); font-size:16px;}
  .section-head-row{
    display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
    margin-bottom:52px; flex-wrap:wrap;
  }
  .alt{background:var(--bg-alt);}

  /* ---------- Compact teaser grids (home) ---------- */
  .teaser-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .teaser-card{
    background:var(--surface); padding:28px 24px; display:flex; flex-direction:column; gap:12px;
    text-decoration:none; color:inherit; cursor:pointer; border:none; text-align:left; font-family:inherit;
    transition:background .15s ease;
  }
  .teaser-card:hover{background:var(--bg-alt);}
  .mark{
    font-family:var(--font-display); font-weight:700; letter-spacing:0.02em;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-soft); color:var(--accent-deep);
    border:1px solid var(--line-strong); flex:none;
  }
  @media (prefers-color-scheme:dark){ .mark{color:var(--accent-bright);} }
  :root[data-theme="dark"] .mark{color:var(--accent-bright);}
  .mark-sm{width:36px; height:36px; font-size:12.5px;}
  .mark-lg{width:46px; height:46px; font-size:15px;}
  .logo-plate{
    flex:none; display:flex; align-items:center; justify-content:center; min-width:0;
  }
  .logo-plate img{display:block; height:auto; width:auto; max-height:100%; max-width:100%; object-fit:contain;}
  .logo-plate-sm{height:48px; max-width:170px;}
  .logo-plate-lg{height:68px; max-width:210px;}
  .logo-plate-xl{height:100px; max-width:280px;}
  .teaser-card h4{font-size:16.5px;}
  .teaser-card p{font-size:13.5px; color:var(--ink-soft);}
  .teaser-card .go{margin-top:auto; font-size:12.5px; font-weight:600; color:var(--accent-deep); display:flex; align-items:center; gap:6px;}
  @media (prefers-color-scheme:dark){ .teaser-card .go{color:var(--accent-bright);} }
  :root[data-theme="dark"] .teaser-card .go{color:var(--accent-bright);}
  .teaser-card .go svg{width:12px; height:12px; transition:transform .15s ease;}
  .teaser-card:hover .go svg{transform:translateX(3px);}

  .service-teaser-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
  .service-teaser{
    border:1px solid var(--line); background:var(--surface); padding:30px 26px;
    display:flex; flex-direction:column; gap:14px; text-decoration:none; color:inherit; cursor:pointer;
    text-align:left; font-family:inherit; transition:border-color .2s ease, transform .2s ease;
  }
  .service-teaser:hover{border-color:var(--accent); transform:translateY(-3px);}

  .section-cta-row{margin-top:44px; display:flex; justify-content:center;}

  /* ---------- Product datasheets ---------- */
  .product-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .product-card{
    background:var(--surface); padding:36px 34px; position:relative;
    display:flex; flex-direction:column; gap:18px; scroll-margin-top:100px;
  }
  .product-head{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap;}
  .product-index{font-family:var(--font-mono); font-size:12px; color:var(--ink-faint); letter-spacing:0.08em;}
  .product-card h3{font-size:24px;}
  .product-card h3 .suffix{
    font-family:var(--font-mono); font-weight:400; font-size:14px; color:var(--ink-faint); margin-left:4px;
  }
  .product-tag{font-family:var(--font-mono); font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-faint);}
  .product-desc{color:var(--ink-soft); font-size:15px;}
  .product-meta{
    font-family:var(--font-mono); font-size:12px; color:var(--ink-faint);
    border-top:1px dashed var(--line-strong); border-bottom:1px dashed var(--line-strong);
    padding:10px 0;
  }
  .feature-list{list-style:none; margin:4px 0 0; padding:0; display:grid; gap:10px;}
  .feature-list li{display:flex; gap:10px; font-size:14px; color:var(--ink);}
  .feature-list li::before{content:""; width:6px; height:6px; margin-top:6px; background:var(--accent); flex:none;}
  .product-link{
    margin-top:auto; padding-top:14px; display:inline-flex; align-items:center; gap:8px;
    font-size:13.5px; font-weight:600; text-decoration:none; color:var(--accent-deep);
    width:fit-content; background:none; border:none; cursor:pointer; font-family:inherit;
  }
  @media (prefers-color-scheme:dark){ .product-link{color:var(--accent-bright);} }
  :root[data-theme="dark"] .product-link{color:var(--accent-bright);}
  .product-link svg{width:14px; height:14px; transition:transform .15s ease;}
  .product-link:hover svg{transform:translateX(3px);}

  /* ---------- Product detail page ---------- */
  .mark-xl{width:64px; height:64px; font-size:21px;}
  .product-hero{
    --hb1:#0d1f30; --hb2:#060e15; --hline: rgba(255,255,255,0.14); --hline-soft: rgba(255,255,255,0.08);
    position:relative; overflow:hidden; color:#eef4f8; background:var(--hb2);
    height:560px; min-height:560px;
  }
  .hero-bg-video{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;
  }
  .hero-overlay{
    position:absolute; inset:0; z-index:1; pointer-events:none;
    background:
      radial-gradient(ellipse 55% 90% at 90% 15%, rgba(53,147,214,0.22) 0%, transparent 55%),
      linear-gradient(100deg, rgba(4,10,15,0.86) 0%, rgba(5,12,18,0.68) 38%, rgba(6,14,21,0.34) 68%, rgba(6,14,21,0.22) 100%);
  }
  .product-hero-inner{position:relative; padding:26px 0 20px; z-index:2;}
  .product-hero .eyebrow{color:#8fbbd9;}
  .product-hero .eyebrow::before{background:#8fbbd9;}
  .hero-grid{position:relative; display:grid; grid-template-columns:1.5fr 1fr; gap:48px; align-items:center;}
  .hero-left{min-width:0;}
  .hero-logo-card{
    display:inline-flex; align-items:center; flex:none;
    filter:drop-shadow(0 6px 18px rgba(0,0,0,0.55));
  }
  .hero-logo-card img{display:block; height:52px; width:auto; max-width:220px; object-fit:contain;}
  .product-hero-head{display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-top:22px;}
  .product-hero-head h1{font-size:clamp(30px, 3.8vw, 46px); color:#ffffff; text-shadow:0 2px 20px rgba(0,0,0,0.35);}
  .product-hero-head .tagline{margin-top:8px; color:#dce6ec; font-size:16.5px; max-width:56ch; text-shadow:0 1px 12px rgba(0,0,0,0.35);}
  .product-hero .hero-cta{margin-top:30px; align-items:center;}
  .product-hero .btn-ghost{color:#fff; border-color:rgba(255,255,255,0.4);}
  .product-hero .btn-ghost:hover{border-color:#fff; color:#fff;}
  .contact-pill{
    display:inline-flex; align-items:center; gap:12px; background:#ffffff; color:#0b1926;
    padding:11px 20px 11px 16px; border-radius:999px; text-decoration:none; font-weight:600; font-size:14px;
  }
  .contact-pill .ico{width:18px; height:18px; color:#25d366; flex:none;}
  .contact-pill .ico.phone{color:#0a4b7d;}
  .contact-pill .divider{width:1px; height:16px; background:var(--line-strong); flex:none;}
  .contact-pill:hover{background:#f1f5f8;}

  .hero-lead-card{
    background:rgba(255,255,255,0.10);
    backdrop-filter:blur(20px) saturate(150%);
    -webkit-backdrop-filter:blur(20px) saturate(150%);
    border:1px solid rgba(255,255,255,0.22);
    border-radius:20px;
    padding:30px 28px;
    box-shadow:0 40px 90px -24px rgba(0,0,0,0.55);
    max-width:360px;
    justify-self:end;
    width:100%;
  }
  .hero-lead-card h3{
    font-size:18px; text-align:center; color:#ffffff; margin-bottom:20px; font-family:var(--font-display);
  }
  .lead-form{display:grid; gap:14px;}
  .lead-form .form-row{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
  .lead-form .field{display:flex; flex-direction:column; gap:6px;}
  .lead-form .field label{font-family:var(--font-mono); font-size:10px; letter-spacing:0.07em; text-transform:uppercase; color:rgba(255,255,255,0.65);}
  .lead-form .field input{
    width:100%; box-sizing:border-box; min-width:0;
    font-family:var(--font-body); font-size:13.5px; color:#ffffff; background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.28); padding:10px 12px; border-radius:10px;
  }
  .lead-form .form-row{min-width:0;}
  .lead-form .field{min-width:0;}
  .lead-form .field input::placeholder{color:rgba(255,255,255,0.45);}
  .lead-form .field input:focus-visible{outline:2px solid #4da6e5; outline-offset:1px;}
  .consent-check{display:flex; align-items:flex-start; gap:9px; font-size:11.5px; line-height:1.4; color:rgba(255,255,255,0.7); cursor:pointer;}
  .consent-check input{margin-top:3px; flex:none;}
  .lead-form .btn-primary{width:100%; justify-content:center; padding:12px 22px; border-radius:10px;}
  .lead-form .form-success{font-size:12.5px; color:#8fc4e8; text-align:center;}
  @media (max-width: 767px){
    .hero-lead-card{padding:24px 20px; max-width:none; justify-self:stretch;}
  }
  .quickfact-row{display:flex; flex-wrap:wrap; margin-top:36px; border-top:1px solid var(--hline);}
  .quickfact{padding:16px 30px 0 0; margin-right:30px; border-left:1px solid var(--hline); padding-left:20px;}
  .quickfact:first-child{border-left:none; padding-left:0;}
  .quickfact .label{font-family:var(--font-mono); font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:#9db1c1;}
  .quickfact .val{margin-top:5px; font-family:var(--font-mono); font-size:14.5px; color:#ffffff;}
  .product-hero .crumb{margin-top:24px; color:rgba(255,255,255,0.5);}
  .product-hero .crumb button{color:rgba(255,255,255,0.5);}
  .product-hero .crumb button:hover{color:#8fbbd9;}
  .product-hero .crumb .here{color:rgba(255,255,255,0.85);}
  @media (max-width: 767px){
    .hero-logo-card{padding:10px 16px;}
    .hero-logo-card img{height:40px;}
    .contact-pill{padding:9px 14px;}
  }

  .module-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .module-card{background:var(--surface); padding:26px 24px; display:flex; flex-direction:column; gap:8px;}
  .module-card .tag{font-family:var(--font-mono); font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--accent-deep);}
  @media (prefers-color-scheme:dark){ .module-card .tag{color:var(--accent-bright);} }
  :root[data-theme="dark"] .module-card .tag{color:var(--accent-bright);}
  .module-card h4{font-size:15.5px;}
  .module-card p{font-size:13px; color:var(--ink-soft);}

  .module-photo-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch;}
  .module-photo-card{
    position:relative; overflow:hidden; display:flex; flex-direction:column; aspect-ratio:1.62 / 1; height:auto; border-radius:12px;
    text-decoration:none; background:#ffffff; cursor:pointer; border:1px solid var(--line);
    padding:0; text-align:left; font-family:inherit; transition:transform 0.3s ease, box-shadow 0.3s ease;
  }
  .module-photo-card .bg-img{
    position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; border-radius:12px;
    filter:none; transition:filter .35s ease;
  }
  .module-photo-card:hover .bg-img{filter:none;}
  @media (prefers-reduced-motion: reduce){ .module-photo-card .bg-img{transition:filter .2s linear;} }
  .module-photo-card .overlay{
    display:block; position:absolute; inset:0; z-index:1; background:rgba(0,0,0,.22); opacity:0; border-radius:12px; transition:opacity .35s ease;
  }
  .module-photo-card .content{
    position:absolute; left:0; right:0; bottom:0; z-index:2; display:flex; flex-direction:column;
    min-height:0; padding:24px 22px 22px; background:transparent; color:#ffffff;
    transition:background .35s ease;
  }
  .module-photo-card .mtitle{
    display:block; color:#ffffff; font-family:var(--font-display); font-weight:700; font-size:16px;
    line-height:1.25; margin-bottom:10px; text-shadow:0 1px 8px rgba(0,0,0,.5);
  }
  .module-photo-card .discover{
    display:block; color:#ffffff; font-family:var(--font-mono); font-size:11.5px; font-weight:600;
    line-height:1.55; letter-spacing:0;
  }
  .module-photo-card .summary{display:block; max-height:0; overflow:hidden; opacity:0; color:rgba(255,255,255,.86); font-size:13px; line-height:1.5; transition:max-height .35s ease, opacity .35s ease;}
  .module-photo-card .discover{margin-top:0; padding-top:14px;}
  .module-photo-card:hover .overlay{opacity:1;}
  .module-photo-card:hover .content{background:transparent;}
  .module-photo-card:hover .summary{max-height:100px; opacity:1;}
  .module-photo-card:hover{transform:translateY(-4px) scale(1.015); box-shadow:0 10px 24px rgba(10,38,60,.12);}
  @media (max-width:980px){ .module-photo-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:767px){
    .homepage-module-lead-section,
    .contact-lead-section,

    .services-lead-section,
    .training-lead,
    .video-lead-section,
    .support-general-lead-section{height:auto;min-height:0;padding-top:24px !important;padding-bottom:26px !important;background-size:cover;background-position:center top;}
    .homepage-module-lead-section .homepage-lead-card,
    .contact-lead-section .hero-lead-card,
    .services-lead-section .hero-lead-card,
    .training-lead .hero-lead-card,
    .video-lead-section .hero-lead-card,
    .support-general-lead-section .hero-lead-card{width:84% !important;max-width:84% !important;margin-left:auto;margin-right:auto;padding:6px 10px !important;height:auto;min-height:0;}
    .homepage-module-lead-section .homepage-lead-card h3,
    .contact-lead-section .hero-lead-card h3,
    .services-lead-section .hero-lead-card h3,
    .training-lead .hero-lead-card h3,
    .video-lead-section .hero-lead-card h3,
    .support-general-lead-section .hero-lead-card h3{font-size:17px !important;line-height:1.1;margin-top:0;margin-bottom:2px;}
    .homepage-module-lead-section .homepage-lead-card .lead-form,
    .contact-lead-section .lead-form,
    .services-lead-section .lead-form,
    .training-lead .lead-form,
    .video-lead-section .lead-form,
    .support-general-lead-section .lead-form{gap:4px !important;margin:0;}
    .homepage-module-lead-section .homepage-lead-card .lead-form .form-row,
    .contact-lead-section .lead-form .form-row,
    .services-lead-section .lead-form .form-row,
    .training-lead .lead-form .form-row,
    .video-lead-section .lead-form .form-row,
    .support-general-lead-section .lead-form .form-row{grid-template-columns:1fr;gap:4px !important;margin:0;}
    .homepage-module-lead-section .homepage-lead-card .lead-form .field,
    .contact-lead-section .lead-form .field,
    .services-lead-section .lead-form .field,
    .training-lead .lead-form .field,
    .video-lead-section .lead-form .field,
    .support-general-lead-section .lead-form .field{gap:2px !important;margin:0;}
    .homepage-module-lead-section .homepage-lead-card .lead-form .field label,
    .contact-lead-section .lead-form .field label,
    .services-lead-section .lead-form .field label,
    .training-lead .lead-form .field label,
    .video-lead-section .lead-form .field label,
    .support-general-lead-section .lead-form .field label{font-size:8px !important;line-height:1;}
    .homepage-module-lead-section .homepage-lead-card .lead-form .field input,
    .homepage-module-lead-section .homepage-lead-card .lead-form .field select,
    .homepage-module-lead-section .homepage-lead-card .lead-form .field textarea,
    .contact-lead-section .lead-form .field input,
    .contact-lead-section .lead-form .field select,
    .contact-lead-section .lead-form .field textarea,
    .services-lead-section .lead-form .field input,
    .services-lead-section .lead-form .field select,
    .services-lead-section .lead-form .field textarea,
    .training-lead .lead-form .field input,
    .training-lead .lead-form .field select,
    .training-lead .lead-form .field textarea,
    .video-lead-section .lead-form .field input,
    .video-lead-section .lead-form .field select,
    .video-lead-section .lead-form .field textarea,
    .support-general-lead-section .lead-form .field input,
    .support-general-lead-section .lead-form .field select,
    .support-general-lead-section .lead-form .field textarea{width:100%;max-width:100%;height:33px !important;box-sizing:border-box;padding:5px 8px !important;font-size:11px !important;border-radius:8px;}
    .homepage-module-lead-section .homepage-lead-card .lead-form .field textarea,
    .contact-lead-section .lead-form .field textarea,
    .services-lead-section .lead-form .field textarea,
    .training-lead .lead-form .field textarea,
    .video-lead-section .lead-form .field textarea,
    .support-general-lead-section .lead-form .field textarea{height:58px !important;}
    .homepage-module-lead-section .homepage-lead-card .consent-check,
    .contact-lead-section .consent-check,
    .services-lead-section .consent-check,
    .training-lead .consent-check,
    .video-lead-section .consent-check,
    .support-general-lead-section .consent-check{gap:4px;font-size:8px;line-height:1.2;margin:0;}
    .homepage-module-lead-section .homepage-lead-card .lead-form .btn-primary,
    .contact-lead-section .lead-form .btn-primary,
    .services-lead-section .lead-form .btn-primary,
    .training-lead .lead-form .btn-primary,
    .video-lead-section .lead-form .btn-primary,
    .support-general-lead-section .lead-form .btn-primary{min-height:33px;height:33px;padding:6px 9px !important;font-size:10px;}
    .module-photo-grid{grid-template-columns:1fr;}
    .module-photo-card{aspect-ratio:1.62 / 1; height:auto;}
    .module-photo-card .overlay{opacity:1; background:rgba(0,0,0,.22);}
    .module-photo-card .content{background:transparent;}
    .module-photo-card .summary{max-height:100px; opacity:1;}
  }

  .solidcam-reasons{padding:82px 0 88px;}
  .solidcam-reasons .section-head{max-width:620px; margin-bottom:48px;}
  .reason-flow{display:grid; gap:30px; max-width:920px; margin:0 auto;}
  .reason-row{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:40px; align-items:center; width:100%; margin:0 auto;}
  .reason-row-reverse .reason-copy{grid-column:1; grid-row:1;}
  .reason-row-reverse img,.reason-row-reverse .video-card,.reason-row-reverse .media-side-video{grid-column:2; grid-row:1;}
  .reason-copy{padding:8px 0;}
  .reason-index,.advantage-mark{font-family:var(--font-mono); color:var(--accent-deep); font-size:11px; letter-spacing:.08em;}
  .reason-copy h3{margin-top:14px; font-size:21px;}
  .reason-copy p{margin-top:12px; max-width:48ch; color:var(--ink-soft); font-size:14.5px; line-height:1.7;}
  .reason-row img,.imachining-media img{display:block; width:320px; height:180px; object-fit:cover; border:1px solid var(--line); border-radius:10px; justify-self:end;}
  .video-card{display:block; width:320px; aspect-ratio:16 / 9; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:#0b1926; justify-self:end;}
  .video-card iframe{display:block; width:100%; height:100%; border:0;}
  .reason-row video.media-side-video{display:block; width:320px; height:180px; object-fit:cover; justify-self:end; border:1px solid var(--line); border-radius:10px; background:#0b1926;}
  .imachining-detail-section{padding:72px 0 78px; background:var(--bg-alt);}
  .imachining-detail-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; align-items:center; max-width:1180px;}
  .imachining-detail-copy h2{margin-top:12px; max-width:24ch;}
  .imachining-detail-list{display:grid; gap:14px; margin:24px 0 0; padding:0; list-style:none;}
  .imachining-detail-list li{display:grid; grid-template-columns:24px minmax(0,1fr); gap:10px; align-items:start; color:var(--ink-soft); font-size:13.5px; line-height:1.6;}
  .imachining-detail-icon{display:flex; align-items:center; justify-content:center; width:20px; height:20px; margin-top:2px; color:var(--accent);}
  .imachining-detail-icon svg{display:block; width:18px; height:18px;}
  .imachining-detail-button{margin-top:26px; background:var(--accent); border-color:var(--accent);}
  .imachining-detail-button:hover{background:var(--accent-bright); border-color:var(--accent-bright);}
  .imachining-detail-media img{display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:12px;}
  .imachining-section{padding:78px 0 82px;}
  .imachining-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1180px;}
  .imachining-copy h2{margin-top:12px; max-width:22ch;}
  .imachining-copy p:not(.eyebrow){margin-top:16px; max-width:54ch; color:var(--ink-soft); line-height:1.7;}
  .imachining-copy .btn{margin-top:24px;}
  .imachining-media video,.transformation-media video{display:block; width:100%; height:320px; object-fit:cover; border:1px solid var(--line); border-radius:10px; background:#0b1926;}
  .solidcam-advantages{padding:58px 0 64px;}
  .centered-head{margin-left:auto; margin-right:auto; text-align:center;}
  .solidcam-advantages .section-head{max-width:680px; margin-bottom:28px;}
  .solidcam-advantages .section-head h2{font-size:clamp(24px, 2.6vw, 32px);}
  .solidcam-advantages .section-head p{margin-top:10px;}
  .advantage-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:920px; margin:0 auto;}
  .advantage-grid article{display:grid; grid-template-columns:28px minmax(0,1fr); align-content:start; min-height:148px; padding:18px 18px; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-sizing:border-box;}
  .advantage-grid .advantage-mark{grid-column:1; grid-row:1; padding-top:2px;}
  .advantage-grid .advantage-icon{display:flex; align-items:center; justify-content:center; grid-column:1; grid-row:1; width:24px; height:24px; color:var(--accent-deep); background:var(--accent-soft); border:1px solid var(--line-strong); border-radius:6px; box-sizing:border-box;}
  .advantage-grid .advantage-icon svg{display:block; width:15px; height:15px;}
  .advantage-grid h3{grid-column:2; grid-row:1; margin:0; font-size:15px; line-height:1.35;}
  .advantage-grid p{grid-column:2; margin:8px 0 0; color:var(--ink-soft); font-size:12.5px; line-height:1.5;}
  @media (max-width:820px){
    .reason-row,.imachining-grid,.imachining-detail-grid{grid-template-columns:1fr; gap:28px;}
    .reason-row-reverse .reason-copy,.reason-row-reverse img,.reason-row-reverse .video-card,.reason-row-reverse .media-side-video{grid-column:auto; grid-row:auto;}
    .reason-row-reverse .reason-copy{order:1;}
    .reason-row-reverse img{order:2;}
    .advantage-grid{grid-template-columns:1fr;}
    .reason-row img,.reason-row video.media-side-video{width:100%;}
    .video-card{width:100%; max-width:350px;}
  }
  @media (max-width:520px){
    .solidcam-reasons,.imachining-section,.solidcam-advantages,.imachining-detail-section{padding-top:60px; padding-bottom:64px;}
    .reason-flow{gap:36px;}
    .reason-row img,.imachining-media img{height:220px;}
    .imachining-media video,.transformation-media video{height:220px;}
    .imachining-detail-media img{width:100%; height:auto;}
  }

  .solidcam-global-stats{padding:62px 0 58px; background:var(--bg-alt); border-bottom:1px solid var(--line);}
  .solidcam-global-stats .section-head{margin-bottom:34px;}
  .global-stat-grid{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; max-width:920px; margin:0 auto;}
  .global-stat{height:160px; min-height:0; padding:22px 18px; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:var(--shadow); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; box-sizing:border-box;}
  .global-stat img{display:block; width:38px; height:38px; margin-bottom:12px; object-fit:contain; filter:drop-shadow(0 0 0 rgba(0,0,0,0));}
  .global-stat strong{font-family:var(--font-mono); font-size:29px; line-height:1; color:var(--accent-deep); font-variant-numeric:tabular-nums;}
  .global-stat span{margin-top:12px; color:var(--ink-soft); font-size:12.5px;}
  .solidcam-intro-block{padding:72px 0 78px; background:var(--surface);}
  .product-intro-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1180px;}
  .product-intro-media img{display:block; width:100%; height:300px; object-fit:cover; border:1px solid var(--line); border-radius:10px;}
  .product-intro-copy h2{margin-top:12px; max-width:22ch;}
  .product-intro-copy p:not(.eyebrow){margin-top:16px; max-width:56ch; color:var(--ink-soft); line-height:1.7;}
  @media (max-width:820px){
    .global-stat-grid{grid-template-columns:repeat(2,1fr);}
    .global-stat:last-child{grid-column:1 / -1;}
    .product-intro-grid{grid-template-columns:1fr; gap:34px;}
  }
  @media (max-width:520px){
    .solidcam-global-stats,.solidcam-intro-block{padding-top:52px; padding-bottom:58px;}
    .global-stat strong{font-size:24px;}
    .product-intro-media img{height:220px;}
  }

  .solidcam-users{padding:74px 0;}
  .users-layout{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1180px;}
  .users-layout .section-head{margin-bottom:0;}
  .user-tags{display:flex; flex-wrap:wrap; gap:10px;}
  .user-tags span{padding:10px 14px; border:1px solid var(--line-strong); background:var(--surface); color:var(--ink-soft); font-family:var(--font-mono); font-size:12px;}
  .transformation-section{padding:78px 0;}
  .transformation-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1180px;}
  .transformation-media img{display:block; width:100%; height:300px; object-fit:cover; border:1px solid var(--line); border-radius:10px;}
  .transformation-copy h2{margin-top:12px; max-width:22ch;}
  .transformation-copy p:not(.eyebrow){margin-top:16px; max-width:56ch; color:var(--ink-soft); line-height:1.7;}
  .service-support-section{padding:78px 0 84px;}
  .service-support-section .section-head{margin-bottom:36px;}
  .support-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:1180px; margin:0 auto;}
  .support-grid article{min-height:156px; padding:24px 22px; border:1px solid var(--line); background:var(--surface);}
  .support-grid article>span{font-family:var(--font-mono); color:var(--accent-deep); font-size:11px;}
  .support-grid h3{margin-top:16px; font-size:16px;}
  .support-grid p{margin-top:9px; color:var(--ink-soft); font-size:13px; line-height:1.6;}
  @media (max-width:820px){
    .users-layout,.transformation-grid{grid-template-columns:1fr; gap:34px;}
    .support-grid{grid-template-columns:1fr;}
    .transformation-media{order:2;}
    .transformation-copy{order:1;}
  }
  @media (max-width:520px){
    .solidcam-users,.transformation-section,.service-support-section{padding-top:60px; padding-bottom:64px;}
    .transformation-media img{height:220px;}
  }

  .module-detail-hero{background:var(--bg-alt); border-bottom:1px solid var(--line); padding:72px 0 76px;}
  .module-detail-hero-banner{position:relative; min-height:560px; display:flex; align-items:center; padding:0; overflow:hidden; background:#0b1926 center center / cover no-repeat; border-bottom:0;}
  .module-detail-hero-overlay{position:absolute; inset:0; background:rgba(3,10,16,.15);}
  .module-detail-hero-content{position:relative; z-index:1; max-width:760px; margin:0 auto; padding:80px 24px; text-align:center; color:#fff;}
  .solidcam-hero-logo{display:block; width:min(255px,70vw); height:auto; margin:0 auto 22px; filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));}
  .module-detail-hero-content .eyebrow{color:#8fbbd9;}
  .module-detail-hero-content .eyebrow::before{background:#8fbbd9;}
  .module-detail-hero-content h1{margin-top:12px; color:#fff; font-size:clamp(34px,5vw,60px); text-shadow:0 2px 24px rgba(0,0,0,.3);}
  .module-detail-hero-content h2{margin:16px auto 0; color:#fff; font-family:var(--font-display); font-size:clamp(20px,2.8vw,30px); line-height:1.25; font-weight:700; text-shadow:0 2px 18px rgba(0,0,0,.3);}
  .module-detail-hero-content>p:not(.eyebrow){max-width:680px; margin:18px auto 0; color:rgba(255,255,255,.86); font-size:18px; line-height:1.65; text-shadow:0 1px 12px rgba(0,0,0,.3);}
  .module-detail-hero-content .hero-cta{justify-content:center; margin-top:30px;}
  .module-detail-hero-content .btn-ghost{color:#fff; border-color:rgba(255,255,255,.5);}
  .module-detail-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;}
  .module-detail-grid img{display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:14px; box-shadow:var(--shadow);}
  .module-detail-grid h1{margin-top:10px; font-size:clamp(30px,4vw,52px);}
  .module-detail-grid p:not(.eyebrow){max-width:58ch; margin-top:18px; color:var(--ink-soft); font-size:17px; line-height:1.65;}
  .module-detail-grid .hero-cta{margin-top:28px;}
  .module-detail-content{display:grid; grid-template-columns:1.2fr .8fr; gap:64px; padding-top:72px; padding-bottom:80px;}
  .module-detail-content h2{margin-top:10px; max-width:22ch;}
  .module-detail-content p:not(.eyebrow){margin-top:18px; color:var(--ink-soft); line-height:1.7;}
  .detail-feature-list{display:grid; gap:12px; margin-top:28px; padding:0; list-style:none;}
  .detail-feature-list li{padding:14px 16px; border-left:3px solid var(--accent); background:var(--bg-alt); color:var(--ink);}
  .detail-aside{padding:26px; border:1px solid var(--line); background:var(--surface);}
  .detail-aside p:not(.eyebrow){margin:14px 0 24px;}
  .detail-aside .spec-table{margin-top:22px;}
  @media (max-width:820px){
    .module-detail-grid,.module-detail-content{grid-template-columns:1fr; gap:34px;}
    .module-detail-hero{padding:48px 0 56px;}
    .module-detail-hero-banner{min-height:500px; padding:0;}
    .module-detail-hero-content{padding:64px 20px;}
    .solidcam-hero-logo{width:min(220px,72vw); margin-bottom:18px;}
    .module-detail-content{padding-top:52px; padding-bottom:60px;}
  }

  .module-intro{padding-top:88px; padding-bottom:88px;}
  .module-intro .frame{background:var(--surface); padding:0; border:1px solid var(--line); border-radius:10px; overflow:hidden;}
  .module-intro .frame img{display:block; width:100%; height:300px; aspect-ratio:16/9; object-fit:cover;}
  .module-intro h2{max-width:18ch;}
  .module-intro p:not(.eyebrow){max-width:62ch; color:var(--ink-soft); line-height:1.75;}
  .manual-auto{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding-top:72px; padding-bottom:72px;}
  .manual-auto h2{margin-top:10px; max-width:17ch;}
  .manual-auto-copy>p:not(.eyebrow){margin-top:18px; color:var(--ink-soft); line-height:1.75;}
  .manual-auto-image{display:block; width:100%; height:300px; aspect-ratio:16/9; object-fit:cover; border:1px solid var(--line); border-radius:10px;}
  .feature-section{padding-top:88px; padding-bottom:96px;}
  .feature-section .section-head{max-width:58ch;}
  .insight-grid{display:grid; gap:64px; padding-top:88px; padding-bottom:88px;}
  .insight-block{display:grid; grid-template-columns:.75fr 1.25fr; gap:48px; align-items:center;}
  .insight-block:nth-child(even){grid-template-columns:1.25fr .75fr;}
  .insight-block:nth-child(even) img{grid-column:2; grid-row:1;}
  .insight-block:nth-child(even)>div{grid-column:1; grid-row:1;}
  .insight-block img,.feature-focus img{display:block; width:100%; height:300px; aspect-ratio:16/9; object-fit:cover; border:1px solid var(--line); border-radius:10px;}
  .insight-block h2{margin-top:10px; max-width:20ch;}
  .insight-block p:not(.eyebrow){margin-top:18px; color:var(--ink-soft); line-height:1.75;}
  .feature-focus{grid-template-columns:1.2fr .8fr; gap:64px; padding-top:88px; padding-bottom:88px;}
  .feature-focus img{grid-column:2; grid-row:1;}
  .feature-focus>div{grid-column:1; grid-row:1;}
  .module-final-cta{padding:78px 0;}
  .module-final-cta h2{margin-top:10px; max-width:22ch; color:#fff;}
  .module-final-cta p:not(.eyebrow){max-width:58ch; margin-top:16px; color:rgba(255,255,255,.72); line-height:1.7;}
  .module-final-cta .eyebrow{color:#8fbbd9;}
  .module-final-cta .eyebrow::before{background:#8fbbd9;}
  .module-final-cta .btn-ghost{color:#fff; border-color:rgba(255,255,255,.4);}
  @media (max-width:820px){
    .manual-auto{grid-template-columns:1fr; gap:36px;}
    .insight-block,.insight-block:nth-child(even),.feature-focus{grid-template-columns:1fr; gap:26px;}
    .feature-focus img,.feature-focus>div{grid-column:auto; grid-row:auto;}
    .insight-block:nth-child(even) img,.insight-block:nth-child(even)>div{grid-column:auto; grid-row:auto;}
  }
  @media (max-width:520px){
    .module-intro,.feature-section,.insight-grid{padding-top:60px; padding-bottom:64px;}
    .manual-auto-image{height:300px;}
  }
  @media (max-width:820px){ .module-detail-page .module-intro{grid-template-columns:1fr; gap:36px;} }

  .module-detail-page>section:not(.module-detail-hero):not(.module-final-cta){padding-top:60px; padding-bottom:60px;}
  .module-detail-page .module-intro,.module-detail-page .manual-auto,.module-detail-page .feature-focus,.module-detail-page .insight-grid{padding-top:0; padding-bottom:0;}
  .module-detail-page .module-intro,.module-detail-page .manual-auto,.module-detail-page .feature-focus{gap:60px;}
  .module-detail-page .insight-grid{gap:0;}
  .module-detail-page .module-final-cta{padding-top:64px; padding-bottom:64px;}

  .chip-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}
  .chip{border:1px solid var(--line-strong); padding:8px 14px; font-size:13px; font-family:var(--font-mono); color:var(--ink-soft); background:var(--surface);}

  .showcase-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .showcase-card{
    border:1px solid var(--line); background:var(--surface); padding:26px 24px 28px;
    display:flex; flex-direction:column; gap:18px; align-items:center; text-align:center;
  }
  .showcase-card .thumb{
    width:100%; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center;
    background:#f4f5f6; border:1px solid var(--line); overflow:hidden;
  }
  .showcase-card .thumb img{width:100%; height:100%; object-fit:cover;}
  .showcase-card h4{font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--ink);}
  .showcase-card p{font-size:13.5px; color:var(--ink-soft);}
  @media (max-width:980px){ .showcase-grid{grid-template-columns:1fr;} }

  .feature-showcase{
    display:grid; grid-template-columns:0.85fr 1.15fr; gap:48px; align-items:center;
  }
  .feature-showcase .frame{
    border:1px solid var(--line-strong); box-shadow:var(--shadow); background:var(--surface); padding:10px;
  }
  .feature-showcase .frame img{display:block; width:100%; height:auto;}
  .module-detail-page .module-intro .frame{padding:0; border:1px solid var(--line); border-radius:10px; overflow:hidden;}
  .module-detail-page .module-intro .frame img{display:block; width:100%; height:300px; aspect-ratio:16/9; object-fit:cover; border-radius:10px;}
  .module-detail-page .module-intro{grid-template-columns:minmax(450px, .85fr) minmax(0, 1.15fr); gap:36px;}
  .module-detail-page .module-intro h2{max-width:24ch; font-size:clamp(25px, 3vw, 34px);}
  @media (max-width:820px){ .module-detail-page .module-intro{grid-template-columns:1fr; gap:36px;} }

  .video-list{display:flex; flex-direction:column; border-top:1px solid var(--line);}
  .video-row{
    display:flex; align-items:center; gap:18px; padding:22px 6px;
    border-bottom:1px solid var(--line); text-decoration:none; color:inherit;
    transition:background .15s ease;
  }
  .video-row:hover{background:var(--bg-alt);}
  .video-row .play-ico{
    flex:none; width:46px; height:46px; border-radius:50%; border:1px solid var(--line-strong);
    display:flex; align-items:center; justify-content:center; color:var(--accent-deep);
  }
  @media (prefers-color-scheme:dark){ .video-row .play-ico{color:var(--accent-bright);} }
  :root[data-theme="dark"] .video-row .play-ico{color:var(--accent-bright);}
  .video-row .play-ico svg{width:16px; height:16px;}
  .video-row .info{flex:1; min-width:0;}
  .video-row .info h4{font-family:var(--font-display); font-weight:700; font-size:16px; color:var(--ink);}
  .video-row .info p{font-size:13.5px; color:var(--ink-soft); margin-top:4px;}
  .video-row .watch{flex:none; font-family:var(--font-mono); font-size:12px; font-weight:600; color:var(--accent-deep); display:flex; align-items:center; gap:6px; white-space:nowrap;}
  @media (prefers-color-scheme:dark){ .video-row .watch{color:var(--accent-bright);} }
  :root[data-theme="dark"] .video-row .watch{color:var(--accent-bright);}
  .video-row .watch svg{width:12px; height:12px;}
  @media (max-width:640px){
    .video-row{flex-wrap:wrap;}
    .video-row .watch{margin-left:64px;}
  }
  @media (max-width:980px){ .feature-showcase{grid-template-columns:1fr;} }

  .spec-wrap{overflow-x:auto; border:1px solid var(--line);}
  table.spec-table{width:100%; border-collapse:collapse; font-size:14px; min-width:480px;}
  .spec-table tr{border-bottom:1px solid var(--line);}
  .spec-table tr:last-child{border-bottom:none;}
  .spec-table td{padding:15px 20px;}
  .spec-table td:first-child{
    font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--ink-faint); width:240px; background:var(--bg-alt);
  }

  .faq-list{border-top:1px solid var(--line);}
  .faq-item{border-bottom:1px solid var(--line); padding:20px 0;}
  .faq-item summary{
    cursor:pointer; font-weight:600; font-size:15.5px; list-style:none;
    display:flex; justify-content:space-between; align-items:center; gap:16px;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .plus{
    font-family:var(--font-mono); color:var(--accent-deep); font-size:19px; flex:none; transition:transform .2s ease;
  }
  @media (prefers-color-scheme:dark){ .faq-item summary .plus{color:var(--accent-bright);} }
  :root[data-theme="dark"] .faq-item summary .plus{color:var(--accent-bright);}
  .faq-item[open] summary .plus{transform:rotate(45deg);}
  .faq-item p{margin-top:12px; color:var(--ink-soft); font-size:14.5px; max-width:68ch;}

  @media (max-width: 980px){
    .module-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width: 767px){
    .module-grid{grid-template-columns:1fr;}
    .quickfact{margin-right:20px; padding-left:16px;}
    .spec-table td:first-child{width:170px;}
    .logo-plate-xl{height:64px; max-width:190px;}
    .logo-plate-lg{height:52px; max-width:170px;}
  }

  /* ---------- Services (detail page) ---------- */
  .service-detail{
    display:grid; grid-template-columns:100px 1fr; gap:32px;
    padding:44px 0; border-top:1px solid var(--line); scroll-margin-top:100px;
  }
  .service-detail:last-of-type{border-bottom:1px solid var(--line);}
  .service-detail .service-num{font-family:var(--font-mono); font-size:12px; color:var(--ink-faint); padding-top:6px;}
  .service-icon-lg{width:48px; height:48px; color:var(--accent-deep); margin-bottom:18px;}
  @media (prefers-color-scheme:dark){ .service-icon-lg{color:var(--accent-bright);} }
  :root[data-theme="dark"] .service-icon-lg{color:var(--accent-bright);}
  .service-detail h3{font-size:24px; margin-bottom:12px;}
  .service-detail-desc{color:var(--ink-soft); font-size:15.5px; max-width:64ch;}
  .service-detail .feature-list{margin-top:20px; grid-template-columns:1fr 1fr; display:grid;}

  /* generic small service card (kept for reuse) */
  .service-num{font-family:var(--font-mono); font-size:12px; color:var(--ink-faint);}

  /* ---------- Why us ---------- */
  .why-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:start;}
  .why-list{list-style:none; margin:0; padding:0; display:grid; gap:0; border-top:1px solid var(--line);}
  .why-list li{padding:22px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:64px 1fr; gap:20px;}
  .why-list .code{font-family:var(--font-mono); font-size:13px; color:var(--accent-deep); padding-top:2px;}
  @media (prefers-color-scheme:dark){ .why-list .code{color:var(--accent-bright);} }
  :root[data-theme="dark"] .why-list .code{color:var(--accent-bright);}
  .why-list h4{font-size:16.5px; margin-bottom:6px;}
  .why-list p{color:var(--ink-soft); font-size:14.5px;}

  .why-panel{background:var(--surface); border:1px solid var(--line-strong); padding:38px; box-shadow:var(--shadow);}
  .why-panel .eyebrow{margin-bottom:14px;}
  .why-panel h3{font-size:22px; margin-bottom:14px;}
  .why-panel p{color:var(--ink-soft); font-size:15px; margin-bottom:24px;}

  /* ---------- About extras ---------- */
  .about-lead{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start;}
  .about-lead p{color:var(--ink-soft); font-size:16px;}
  .about-lead p + p{margin-top:16px;}
  .mv-grid{display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:8px;}
  .mv-card{border:1px solid var(--line); padding:28px; background:var(--surface);}
  .mv-card .eyebrow{margin-bottom:12px;}
  .mv-card p{color:var(--ink-soft); font-size:14.5px; margin-top:10px;}

  /* ---------- Contact ---------- */
  .contact-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:60px;}
  .contact-info-list{list-style:none; margin:28px 0 0; padding:0; display:grid; gap:22px;}
  .contact-info-list li{display:flex; gap:14px; align-items:flex-start;}
  .contact-info-list svg{width:20px; height:20px; color:var(--accent-deep); flex:none; margin-top:2px;}
  @media (prefers-color-scheme:dark){ .contact-info-list svg{color:var(--accent-bright);} }
  :root[data-theme="dark"] .contact-info-list svg{color:var(--accent-bright);}
  .contact-info-list .label{font-family:var(--font-mono); font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-faint);}
  .contact-info-list .val{font-size:15px; margin-top:3px;}

  form.contact-form{background:var(--surface); border:1px solid var(--line-strong); padding:36px; display:grid; gap:20px; box-shadow:var(--shadow);}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
  .field{display:flex; flex-direction:column; gap:8px;}
  .field label{font-family:var(--font-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-faint);}
  .field input, .field select, .field textarea{
    font-family:var(--font-body); font-size:14.5px; color:var(--ink); background:var(--bg);
    border:1px solid var(--line-strong); padding:12px 14px; border-radius:var(--radius);
  }
  .field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible{
    outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);
  }
  .field textarea{resize:vertical; min-height:110px;}
  form.contact-form .btn-primary{justify-self:start; margin-top:6px;}

  /* ---------- CTA band ---------- */
  .cta-band{background:var(--ink); color:var(--bg); padding:64px 0; text-align:center;}
  .cta-band h2{color:#fff; font-size:clamp(24px, 3vw, 34px);}
  :root[data-theme="dark"] .cta-band{background:var(--bg-alt); color:var(--ink);}
  :root[data-theme="dark"] .cta-band h2{color:var(--ink);}
  @media (prefers-color-scheme:dark){
    .cta-band{background:var(--bg-alt); color:var(--ink);}
    .cta-band h2{color:var(--ink);}
  }
  .cta-band p{margin-top:14px; opacity:0.75; max-width:56ch; margin-inline:auto;}
  .cta-band .hero-cta{justify-content:center; margin-top:30px;}

  /* ---------- Footer ---------- */
  footer{padding:56px 0 32px; border-top:1px solid var(--line); background:#f7f9fa;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;}
  .footer-brand p{margin-top:14px; color:var(--ink-soft); font-size:14px; max-width:34ch;}
  .footer-col h5{font-family:var(--font-mono); font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:16px;}
  .footer-col ul{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
  .footer-subhead{margin-top:6px; font-family:var(--font-mono); font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-faint);}
  .footer-col a, .footer-col button{
    text-decoration:none; color:var(--ink-soft); font-size:14px; transition:color .15s ease;
    background:none; border:none; padding:0; text-align:left; font-family:inherit; cursor:pointer; display:block;
  }
  .footer-col a:hover, .footer-col button:hover{color:var(--accent-deep);}
  @media (prefers-color-scheme:dark){ .footer-col a:hover, .footer-col button:hover{color:var(--accent-bright);} }
  :root[data-theme="dark"] .footer-col a:hover, :root[data-theme="dark"] .footer-col button:hover{color:var(--accent-bright);}
  .footer-social{
    display:flex; align-items:center; justify-content:flex-end; gap:14px; margin-top:24px; margin-bottom:10px;
  }
  .footer-social a{
    display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; color:inherit; text-decoration:none;
  }
  .footer-bottom{
    margin-top:48px; padding-top:24px; border-top:1px solid var(--line);
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color:var(--ink-faint);
  }

  .reveal{opacity:0; transform:translateY(16px);}
  .reveal.in{opacity:1; transform:translateY(0); transition:opacity .6s ease, transform .6s ease;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .reveal{opacity:1; transform:none; transition:none;}
  }
  @media (prefers-reduced-motion: no-preference){
    html{scroll-behavior:smooth;}
  }

  @media (max-width: 980px){
    .hero-grid{grid-template-columns:1fr;}
    .product-grid{grid-template-columns:1fr;}
    .teaser-grid{grid-template-columns:1fr 1fr;}
    .service-teaser-grid{grid-template-columns:1fr 1fr;}
    .why-grid{grid-template-columns:1fr;}
    .about-lead{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .stats-row{grid-template-columns:1fr 1fr;}
    .stat:nth-child(3){border-left:none;}
    .service-detail{grid-template-columns:1fr;}
    .service-detail .service-num{padding-top:0;}
  }
  @media (max-width: 767px){
    html,body{overflow-x:hidden;}
    .wrap{padding-left:20px; padding-right:20px; min-width:0;}
    .nav-row{
      width:100%; height:62px; min-height:62px; padding:4px 12px; box-sizing:border-box;
      flex-wrap:nowrap; row-gap:0; align-content:center;
    }
    .logo{
      width:auto; flex:0 1 auto; min-width:0; margin-right:0; gap:8px;
      font-size:clamp(13px, 3.8vw, 15px); box-sizing:border-box; overflow:hidden;
    }
    .logo-mark{
      height:auto; width:clamp(88px, 23vw, 96px); max-width:100%; max-height:54px; flex:0 1 auto;
    }
    .logo > span{display:none;}
    .header-actions{
      width:auto; flex:0 0 auto; min-width:0; box-sizing:border-box; justify-content:flex-end;
      gap:clamp(7px, 2.5vw, 11px);
    }
    .social-link{width:18px; height:18px; flex:none;}
    .social-link svg{width:18px; height:18px;}
    .header-actions .linkedin-link svg{width:20px; height:20px; transform:translateY(-1px) scale(1.15); transform-origin:center;}
    .header-actions .youtube-link svg{width:20px; height:20px; transform:scale(1.15); transform-origin:center;}
    .header-actions .social-link.linkedin-link,.header-actions .social-link.youtube-link{width:20px; height:20px;}
    .search-toggle{width:18px; height:18px;}
    .search-toggle svg{width:18px; height:18px;}
    .site-search{position:fixed; top:62px; right:12px; width:min(250px, calc(100vw - 24px)); box-sizing:border-box;}
    .header-actions .btn-primary{
      display:inline-flex; width:80px; height:32px; min-height:32px; padding:0; margin-left:0;
      border-radius:8px; font-size:12px; line-height:1; white-space:nowrap; box-sizing:border-box; flex:none;
    }
    .menu-toggle{display:flex; width:34px; height:34px; flex:none; border:1px solid var(--line-strong); border-radius:4px; background:rgba(255,255,255,.72); transition:background .2s ease,border-color .2s ease;}
    .menu-toggle span, .menu-toggle span::before, .menu-toggle span::after{height:1px; border-radius:999px; transition:transform .28s ease, opacity .28s ease;}
    .menu-toggle:active,.menu-toggle:focus-visible{background:var(--accent-soft);border-color:var(--accent);}
    header#site-header:has(nav.main-nav.open) .menu-toggle span{background:transparent;}
    header#site-header:has(nav.main-nav.open) .menu-toggle span::before{top:0;width:16px;height:1.5px;transform:rotate(45deg);}
    header#site-header:has(nav.main-nav.open) .menu-toggle span::after{top:0;width:16px;height:1.5px;transform:rotate(-45deg);}
    nav.main-nav{
      position:fixed; top:62px; right:0; left:auto; width:calc(56% - 10px); max-width:100vw; height:auto; background:var(--bg);
      flex-direction:column; align-items:stretch; padding:14px 20px 24px; gap:0; margin:0; box-sizing:border-box;
      transform:translateX(100%); transition:transform .3s cubic-bezier(.22,1,.36,1);
      border:1px solid rgba(174,213,239,.24); border-right:0; border-radius:8px 0 0 8px; background-color:#cfd9e1; box-shadow:-12px 10px 28px rgba(3,14,28,.14); overflow-y:auto; overflow-x:hidden; z-index:60;
    }
    nav.main-nav.open{transform:translateX(0);}
    header#site-header::after{content:"";position:fixed;inset:62px 0 0;background:rgba(0,0,0,.15);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:59;}
    header#site-header:has(nav.main-nav.open)::after{opacity:1;}
    .nav-item{flex-direction:column; align-items:stretch;}
    nav.main-nav > .nav-item > a, nav.main-nav > .nav-item > button.nav-link{
      width:100%; padding:12px 0; border-bottom:1px solid rgba(218,237,250,.2); color:#23384b; font-size:15px; justify-content:space-between;
    }
    .dropdown{position:static; padding-top:0;}
    .dropdown-panel{
      position:static; opacity:1; visibility:visible; transform:none; pointer-events:none;
      box-shadow:none; border:none;
      padding:0 0 0 14px; background:none;
      max-height:0; overflow:hidden; transition:max-height .25s ease;
    }
    .main-nav > .nav-item:nth-child(3) > .dropdown > .tech-education-panel{
      display:block;
      width:auto;
    }
    .tech-education-panel .menu-column + .menu-column{margin-top:12px;}
    .nav-item.open .dropdown-panel{
      max-height:400px; padding-bottom:6px; border-bottom:1px solid var(--line); pointer-events:auto;
    }
    nav.main-nav .nav-link .caret{transition:transform .2s ease;}
    .nav-item.open > button.nav-link .caret{transform:rotate(180deg);}
    section{padding:30px 0;}
    .hero{padding:18px 0 22px;}
    .hero-inner{padding:20px;}
    .hero-copy{max-width:100%; min-width:0;}
    .hero-copy .eyebrow{margin-bottom:11px; font-size:10px; line-height:1.35;}
    .hero h1{font-size:28px !important; line-height:1.12; overflow-wrap:break-word;}
    .hero p.lead{margin-top:10px; max-width:100%; font-size:13px; line-height:1.4;}
    .hero-cta{margin-top:22px; gap:10px;}
    .page-banner{padding:36px 0 30px;}
    .page-banner h1{font-size:clamp(26px, 7.5vw, 30px); line-height:1.1;}
    .page-banner p{margin-top:12px; font-size:14px; line-height:1.5;}
    .product-hero{height:auto; min-height:0;}
    .product-hero-inner{padding:16px 0 20px;}
    .product-hero-head{gap:14px; margin-top:16px;}
    .product-hero-head h1{font-size:clamp(28px, 8vw, 34px); line-height:1.1;}
    .product-hero-head .tagline{font-size:14px; line-height:1.5;}
    .hero-grid{gap:24px; min-width:0;}
    .hero-lead-card{padding:20px 16px; max-width:none; justify-self:stretch;}
    .lead-form{gap:10px;}
    .lead-form .form-row{grid-template-columns:1fr; gap:10px;}
    .lead-form .field input{padding:9px 10px; font-size:13px;}
    .lead-form .btn-primary{padding:10px 16px;}
    .section-head{margin-bottom:28px;}
    .section-head h2{margin-top:12px; font-size:clamp(22px, 6.5vw, 28px); line-height:1.15;}
    .section-head p{margin-top:12px; font-size:14px; line-height:1.5;}
    .teaser-card,.module-card,.service-teaser,.showcase-card{padding:18px 16px;}
    .teaser-card h4,.module-card h4{font-size:15px;}
    .teaser-card p,.module-card p,.service-teaser p,.showcase-card p{font-size:13px; line-height:1.5;}
    .service-detail{gap:18px; padding:32px 0;}
    .service-detail h3{font-size:21px; line-height:1.2;}
    .service-detail-desc{font-size:14px; line-height:1.55;}
    .stats{margin-top:24px; padding:32px 0 34px;}
    .stats-row{width:100%; gap:10px;}
    .stat{min-height:104px; padding:18px 14px 14px;}
    .stat .num{font-size:25px;}
    .stat .desc{font-size:12px;}
    .chip-row{gap:7px; margin-top:14px;}
    .chip{padding:6px 10px; font-size:11px;}
    .video-row{gap:12px; padding:16px 4px;}
    .video-row .play-ico{width:38px; height:38px;}
    .video-row .info h4{font-size:15px;}
    .video-row .info p{font-size:13px;}
    .form-row{grid-template-columns:1fr;}
    .service-teaser-grid{grid-template-columns:1fr;}
    .teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
    .teaser-card{min-width:0; overflow:hidden; padding:12px 10px; gap:7px;}
    .teaser-card .logo-plate-sm{height:32px; max-width:100%;}
    .teaser-card h4{font-size:12px; line-height:1.15; overflow-wrap:anywhere;}
    .teaser-card p{font-size:10px; line-height:1.3; overflow-wrap:anywhere;}
    .teaser-card .go{font-size:10px; gap:3px; white-space:nowrap;}
    .teaser-card .go svg{width:10px; height:10px;}
    .footer-grid{grid-template-columns:1fr 1fr; gap:10px 10px;}
    footer{padding:16px 0 10px;}
    .footer-brand p{margin-top:10px; font-size:13px;}
    .footer-col h5{font-size:10px; margin-bottom:10px;}
    .footer-col ul{gap:7px;}
    .footer-col a,.footer-col button{font-size:13px; line-height:1.4;}
    .footer-social{gap:8px; margin-top:8px; margin-bottom:4px;}
    .footer-bottom{margin-top:10px; padding-top:8px; font-size:11px; gap:4px;}
    .hero-bg-slide{height:360px; bottom:auto;}
    .hero-bg-video{height:360px; bottom:auto;}
    .service-detail .feature-list{grid-template-columns:1fr;}
  }/* Teknik & Eğitim dropdown hover fix */

  @media (max-width: 767px){
    .wrap > *, .hero-grid > *, .module-detail-grid > *, .module-detail-content > *,
    .insight-block > *, .feature-focus > *, .manual-auto > *, .product-intro-grid > *,
    .users-layout > *, .transformation-grid > *, .about-lead > *, .contact-grid > *,
    .why-grid > *, .footer-grid > *{min-width:0; max-width:100%;}
    h1{font-size:clamp(28px, 8vw, 32px); line-height:1.15; overflow-wrap:anywhere;}
    body h1{font-size:28px !important; line-height:1.12 !important;}
    h2{font-size:clamp(22px, 7vw, 28px); line-height:1.2; overflow-wrap:anywhere;}
    h3{font-size:clamp(18px, 5.5vw, 22px); line-height:1.25; overflow-wrap:anywhere;}
    p, li{font-size:14px; line-height:1.5; overflow-wrap:anywhere;}
    .btn{max-width:100%; padding:10px 16px; font-size:13px;}
    .hero-cta{gap:8px; margin-top:18px;}
    .hero-cta .btn{flex:0 1 auto;}
    .product-hero{height:auto; min-height:0;}
    .product-hero-head{gap:10px; margin-top:12px;}
    .product-hero-head h1{font-size:28px; line-height:1.12;}
    .product-hero-head .tagline{font-size:13px; line-height:1.4; margin-top:6px;}
    .product-hero .eyebrow{font-size:10px; line-height:1.3;}
    .hero-logo-card{padding:7px 10px;}
    .hero-logo-card img{height:auto; max-height:36px; max-width:180px;}
    .product-hero-inner{padding:10px 0 14px;}
    .product-hero .hero-cta{margin-top:14px; gap:6px;}
    .product-hero .contact-pill{padding:7px 10px; gap:7px; font-size:12px;}
    .hero-lead-card, form.contact-form{width:100%; max-width:100%; padding:16px 14px; border-radius:14px;}
    .hero-lead-card h3{font-size:18px; margin-bottom:14px;}
    .lead-form{gap:9px;}
    .lead-form .form-row, .form-row{grid-template-columns:1fr; gap:9px;}
    .field{gap:5px;}
    .field label, .lead-form .field label{font-size:10px;}
    .field input, .field select, .field textarea, .lead-form .field input{padding:9px 10px; font-size:13px;}
    .field textarea{min-height:88px;}
    .lead-form .btn-primary{padding:10px 14px;}
    .section-head, .section-head-row{margin-bottom:18px;}
    .section-head h2{margin-top:9px; font-size:clamp(22px, 7vw, 28px);}
    .section-head p{margin-top:9px; font-size:14px;}
    .stats, .solidcam-reasons, .imachining-section, .solidcam-advantages,
    .solidcam-global-stats, .solidcam-intro-block, .solidcam-users,
    .transformation-section, .service-support-section, .module-intro,
    .feature-section, .insight-grid, .module-final-cta{padding-top:30px !important; padding-bottom:30px !important;}
    .stats{padding-top:24px !important; padding-bottom:24px !important;}
    .stats-row{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
    .global-stat-grid, .advantage-grid, .support-grid, .module-grid,
    .product-grid, .service-teaser-grid, .module-photo-grid{grid-template-columns:1fr; gap:12px;}
    .teaser-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 8px !important;
    }
    .stat{min-height:0; height:80px; padding:9px 46px 9px 10px;}
    .stat-visual{top:50%; right:8px; width:36px; height:36px; transform:translateY(-50%);}
    .stat .num{font-size:22px; line-height:1.05;}
    .stat .desc{margin-top:2px; font-size:10px; line-height:1.25;}
    .global-stat{min-height:0; height:auto; padding:16px 12px;}
    .teaser-card, .module-card, .service-teaser, .showcase-card, .product-card{padding:16px 14px;}
    .teaser-card{min-width:0; overflow:hidden; padding:12px 10px; gap:7px;}
    .service-detail{gap:12px; padding:26px 0;}
    .reason-row, .imachining-grid, .imachining-detail-grid, .module-detail-grid,
    .module-detail-content, .manual-auto, .insight-block, .feature-focus,
    .product-intro-grid, .users-layout, .transformation-grid, .about-lead,
    .contact-grid, .why-grid{grid-template-columns:1fr; gap:20px;}
    .reason-row img, .reason-row video.media-side-video, .video-card,
    .imachining-media video, .transformation-media video, .imachining-media img,
    .transformation-media img, .product-intro-media img, .insight-block img,
    .feature-focus img, .manual-auto-image{width:100%; max-width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover;}
    .module-detail-hero-banner{min-height:0;}
    .module-detail-hero-content{padding:36px 20px;}
    .module-detail-hero-content h1{font-size:clamp(28px, 8vw, 32px); line-height:1.15;}
    .module-detail-hero-content h2{font-size:clamp(22px, 7vw, 28px);}
    .module-detail-hero-content>p:not(.eyebrow){font-size:14px; line-height:1.5; margin-top:12px;}
    .module-detail-page>section:not(.module-detail-hero):not(.module-final-cta){padding-top:30px !important; padding-bottom:34px !important;}
    .module-detail-page .module-intro, .module-detail-page .manual-auto,
    .module-detail-page .feature-focus, .module-detail-page .insight-grid{gap:20px;}
    .detail-feature-list{gap:9px; margin-top:18px;}
    .detail-feature-list li, .detail-aside{padding:12px 14px;}
    .footer-grid{grid-template-columns:1fr 1fr; gap:10px 10px;}
    .footer-brand .logo-mark{width:120px;}
    .footer-brand p{font-size:12px; line-height:1.4;}
    .footer-col h5{font-size:10px; margin-bottom:6px;}
    .footer-col ul{gap:4px;}
    .footer-col a, .footer-col button{font-size:12px; line-height:1.4;}
    .footer-social{gap:8px; margin-top:8px; margin-bottom:4px;}
    .footer-social a, .footer-social a img{width:16px; height:16px;}
    .footer-bottom{margin-top:10px; padding-top:8px; font-size:10px; gap:4px;}
    table{display:block; max-width:100%; overflow-x:auto;}
    iframe, video, img{max-width:100%;}
    .brand-logo-marquee{contain:paint;}
    .youtube-short-player{width:min(250px, calc(100vw - 24px)); max-width:calc(100vw - 24px); contain:paint;}
  }

  @media (max-width: 340px){
    .hero{padding:8px 0 12px;}
    .hero-inner{padding:18px;}
    .hero-copy .eyebrow{margin-bottom:8px;}
    .hero h1{line-height:1.1;}
    .hero p.lead{margin-top:8px; line-height:1.35;}
    .hero-cta{margin-top:12px;}
  }

  @media (max-width:767px){
    .module-lead-section,
    .cimatron-form-section,
    .cimatron-bottom-form,
    .swood-form-section,
    .magen-final-form,
    .hss-module-lead,
    .probe-lead-section,
    .swiss-lead-section{height:auto;min-height:0;padding-top:24px !important;padding-bottom:26px !important;background-size:cover;background-position:center top;}
    .module-lead-section .module-lead-layout,
    .cimatron-form-section .module-lead-layout,
    .cimatron-bottom-form .cimatron-bottom-form-layout,
    .swood-form-section .module-lead-layout,
    .magen-final-form .magen-final-form-layout,
    .hss-module-lead .hss-module-lead-layout,
    .probe-lead-section .module-lead-layout,
    .swiss-lead-section .module-lead-layout{grid-template-columns:1fr;gap:18px;}
    .module-lead-section .lead-brand-panel,
    .cimatron-form-section .lead-brand-panel,
    .cimatron-bottom-form .lead-brand-panel,
    .swood-form-section .lead-brand-panel,
    .magen-final-form .lead-brand-panel,
    .probe-lead-section .lead-brand-panel,
    .swiss-lead-section .lead-brand-panel{padding:0;}
    .module-lead-section .brand-logo-frame,
    .cimatron-form-section .brand-logo-frame,
    .cimatron-bottom-form .brand-logo-frame,
    .swood-form-section .brand-logo-frame,
    .magen-final-form .brand-logo-frame,
    .probe-lead-section .brand-logo-frame,
    .swiss-lead-section .brand-logo-frame{width:180px;height:78px;}
    .module-lead-section .brand-logo-frame img,
    .cimatron-form-section .brand-logo-frame img,
    .cimatron-bottom-form .brand-logo-frame img,
    .swood-form-section .brand-logo-frame img,
    .magen-final-form .brand-logo-frame img,
    .probe-lead-section .brand-logo-frame img,
    .swiss-lead-section .brand-logo-frame img{width:180px;height:auto;max-width:none;}
    .module-lead-section .lead-brand-panel h2,
    .cimatron-form-section .lead-brand-panel h2,
    .cimatron-bottom-form .lead-brand-panel h2,
    .swood-form-section .lead-brand-panel h2,
    .magen-final-form .lead-brand-panel h2,
    .probe-lead-section .lead-brand-panel h2,
    .swiss-lead-section .lead-brand-panel h2{margin:6px 0 8px;font-size:22px !important;line-height:1.15;}
    .module-lead-section .lead-brand-panel>p:not(.brand-tagline),
    .cimatron-form-section .lead-brand-panel>p:not(.brand-tagline),
    .cimatron-bottom-form .lead-brand-panel>p:not(.brand-tagline),
    .swood-form-section .lead-brand-panel>p:not(.brand-tagline),
    .magen-final-form .lead-brand-panel>p:last-child,
    .probe-lead-section .lead-brand-panel>p:not(.brand-tagline),
    .swiss-lead-section .lead-brand-panel>p:not(.brand-tagline){font-size:12px;line-height:1.35;}
    .module-lead-section .hero-lead-card,
    .cimatron-form-section .hero-lead-card,
    .cimatron-bottom-form .hero-lead-card,
    .swood-form-section .hero-lead-card,
    .magen-final-form .hero-lead-card,
    .hss-module-lead .hss-lead-card,
    .probe-lead-section .hero-lead-card,
    .swiss-lead-section .hero-lead-card{width:84% !important;max-width:84% !important;margin-left:auto;margin-right:auto;padding:6px 10px !important;height:auto;min-height:0;}
    .module-lead-section .hero-lead-card h3,
    .cimatron-form-section .hero-lead-card h3,
    .cimatron-bottom-form .hero-lead-card h3,
    .swood-form-section .hero-lead-card h3,
    .magen-final-form .hero-lead-card h3,
    .hss-module-lead .hss-lead-card h3,
    .probe-lead-section .hero-lead-card h3,
    .swiss-lead-section .hero-lead-card h3{font-size:17px !important;line-height:1.1;margin:0 0 2px;}
    .module-lead-section .lead-form,
    .cimatron-form-section .lead-form,
    .cimatron-bottom-form .lead-form,
    .swood-form-section .lead-form,
    .magen-final-form .lead-form,
    .hss-module-lead .lead-form,
    .probe-lead-section .lead-form,
    .swiss-lead-section .lead-form{gap:4px !important;margin:0;}
    .module-lead-section .lead-form .form-row,
    .cimatron-form-section .lead-form .form-row,
    .cimatron-bottom-form .lead-form .form-row,
    .swood-form-section .lead-form .form-row,
    .magen-final-form .lead-form .form-row,
    .hss-module-lead .lead-form .form-row,
    .probe-lead-section .lead-form .form-row,
    .swiss-lead-section .lead-form .form-row{grid-template-columns:1fr;gap:4px !important;margin:0;}
    .module-lead-section .lead-form .field,
    .cimatron-form-section .lead-form .field,
    .cimatron-bottom-form .lead-form .field,
    .swood-form-section .lead-form .field,
    .magen-final-form .lead-form .field,
    .hss-module-lead .lead-form .field,
    .probe-lead-section .lead-form .field,
    .swiss-lead-section .lead-form .field{gap:2px !important;margin:0;}
    .module-lead-section .lead-form .field label,
    .cimatron-form-section .lead-form .field label,
    .cimatron-bottom-form .lead-form .field label,
    .swood-form-section .lead-form .field label,
    .magen-final-form .lead-form .field label,
    .hss-module-lead .lead-form .field label,
    .probe-lead-section .lead-form .field label,
    .swiss-lead-section .lead-form .field label{font-size:8px !important;line-height:1;}
    .module-lead-section .lead-form .field input,.module-lead-section .lead-form .field select,.module-lead-section .lead-form .field textarea,
    .cimatron-form-section .lead-form .field input,.cimatron-form-section .lead-form .field select,.cimatron-form-section .lead-form .field textarea,
    .cimatron-bottom-form .lead-form .field input,.cimatron-bottom-form .lead-form .field select,.cimatron-bottom-form .lead-form .field textarea,
    .swood-form-section .lead-form .field input,.swood-form-section .lead-form .field select,.swood-form-section .lead-form .field textarea,
    .magen-final-form .lead-form .field input,.magen-final-form .lead-form .field select,.magen-final-form .lead-form .field textarea,
    .hss-module-lead .lead-form .field input,.hss-module-lead .lead-form .field select,.hss-module-lead .lead-form .field textarea,
    .probe-lead-section .lead-form .field input,.probe-lead-section .lead-form .field select,.probe-lead-section .lead-form .field textarea,
    .swiss-lead-section .lead-form .field input,.swiss-lead-section .lead-form .field select,.swiss-lead-section .lead-form .field textarea{width:100%;max-width:100%;height:33px !important;padding:5px 8px !important;font-size:11px !important;border-radius:8px;box-sizing:border-box;}
    .module-lead-section .lead-form .field textarea,.cimatron-form-section .lead-form .field textarea,.cimatron-bottom-form .lead-form .field textarea,.swood-form-section .lead-form .field textarea,.magen-final-form .lead-form .field textarea,.hss-module-lead .lead-form .field textarea,.probe-lead-section .lead-form .field textarea,.swiss-lead-section .lead-form .field textarea{height:58px !important;}
    .module-lead-section .consent-check,.cimatron-form-section .consent-check,.cimatron-bottom-form .consent-check,.swood-form-section .consent-check,.magen-final-form .consent-check,.hss-module-lead .consent-check,.probe-lead-section .consent-check,.swiss-lead-section .consent-check{gap:4px;font-size:8px;line-height:1.2;margin:0;}
    .module-lead-section .lead-form .btn-primary,.cimatron-form-section .lead-form .btn-primary,.cimatron-bottom-form .lead-form .btn-primary,.swood-form-section .lead-form .btn-primary,.magen-final-form .lead-form .btn-primary,.hss-module-lead .lead-form .btn-primary,.probe-lead-section .lead-form .btn-primary,.swiss-lead-section .lead-form .btn-primary{min-height:33px;height:33px;padding:6px 9px !important;font-size:10px;}
    .hss-module-lead .hss-lead-brand{padding:0;}
    .hss-module-lead .hss-brand-frame{width:180px;height:78px;}
    .hss-module-lead .hss-brand-frame img{width:180px;height:auto;max-width:none;}
    .hss-module-lead .hss-lead-brand h2{margin:6px 0 8px;font-size:22px !important;line-height:1.15;}
    .hss-module-lead .hss-lead-brand>p:not(.brand-tagline){font-size:12px;line-height:1.35;}
  }

  @media (max-width:767px){
    footer:not(.index-footer){padding:8px 0 4px;}
    footer:not(.index-footer) > .wrap{padding-left:12px;padding-right:12px;}
    footer:not(.index-footer) .footer-grid{gap:6px 8px;}
    footer:not(.index-footer) .footer-brand .logo{gap:6px;margin-right:0;}
    footer:not(.index-footer) .footer-brand p{margin:4px 0 0;}
    footer:not(.index-footer) .footer-col h5{margin-bottom:4px;}
    footer:not(.index-footer) .footer-col ul{gap:3px;}
    footer:not(.index-footer) .footer-subhead{margin-top:3px;}
    footer:not(.index-footer) .footer-social{gap:6px;margin-top:6px;margin-bottom:2px;}
    footer:not(.index-footer) .footer-bottom{margin-top:6px;padding-top:5px;gap:3px;}
  }

  @media (max-width: 767px){
    .market-page .market-product-grid .market-product-card .market-product-image{width:100% !important;height:96px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important;}
    .market-page .market-product-grid .market-product-card .market-product-image img{display:block !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:center !important;}
    .market-page .market-product-grid .market-product-card:nth-child(17) .market-product-image img{transform:scale(1.16) !important;}
  }

  @media (max-width: 767px){
    .market-page .market-product-grid .market-product-card .market-product-image{overflow:visible !important;}
    .market-page .market-product-grid .market-product-card .market-product-image img{transform-origin:center center;}
  }

  @media (max-width: 767px){
    body:has(.market-page) #site-header .header-actions{align-items:center;}
    body:has(.market-page) #site-header .header-actions > .search-toggle{align-self:center;transform:translateX(7px);cursor:pointer;}
    body:has(.market-page) #site-header .header-actions > .social-link{align-self:center;transform:translateX(25px);cursor:pointer;}
    body:has(.market-page) #site-header .header-actions > .btn.btn-primary,
    body:has(.market-page) #site-header .menu-toggle{cursor:pointer;}
  }

  @media (max-width: 767px){
    #site-header .header-actions > .search-toggle{transform:translateX(7px);}
    .header-actions > .social-link{position:relative;left:-20px;}
  }

  @media (min-width: 1025px){
    nav.main-nav > .nav-item > a[data-page="iletisim"]{margin-right:18px;}
    .header-actions > .search-toggle{transform:translateX(27px);}
    .header-actions > .btn.btn-primary{transform:translateX(15px);}
  }

  @media (max-width: 767px){
    .whatsapp-link svg{transform:scale(1.15);transform-origin:center;}
  }


  /* ================= MA-GEN eklemeleri ================= */
  /* Marka mavisi koyu olduğu için birincil düğme yazısı beyaz. */
  .btn-primary, .header-actions .btn-primary{color:#fff;}
  .btn-primary:hover{background:#0a6db5;}
  /* Kare MA-GEN logosu: örnekteki yatay logodan küçük tutulur. */
  .logo-mark{height:52px; width:52px; border-radius:8px;}
  @media (min-width:981px){ .logo-mark{height:54px; width:54px;} }
  .logo > span{margin-top:0; letter-spacing:.06em; font-size:17px; color:#0b1926;}
  .logo > span b{font-weight:600; color:var(--accent);}
  .footer-brand .logo-mark{width:48px; height:48px;}
  .footer-contact{margin-top:14px !important; font-size:13.5px; line-height:1.8; color:var(--ink-soft);}
  .footer-contact a{text-decoration:none;}
  .footer-contact a:hover{color:var(--accent);}
  /* Dil düğmesi */
  .lang-switch{display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:28px; padding:0 8px; border:1px solid var(--line-strong); border-radius:7px; font:600 12px var(--font-mono); letter-spacing:.06em; color:var(--ink); text-decoration:none; transform:translateX(18px); background:#fff;}
  .lang-switch:hover{border-color:var(--accent); color:var(--accent);}
  @media (max-width:767px){
    .logo-mark{width:40px; height:40px; max-height:40px;}
    .lang-switch{transform:none; height:26px; min-width:30px; padding:0 6px; font-size:11px;}
  }
  /* Bot tuzağı alanı */
  .lead-form .field.hp{position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden;}
  .consent-check a{color:inherit; text-decoration:underline;}
  .form-success{font-weight:600;}
  /* Referans bandı ({{referanslar}}) — her sayfada aynı */
  .brand-logo-marquee{position:relative;width:100%;height:112px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
  .brand-logo-track{display:flex;width:max-content;height:100%;align-items:center;gap:64px;animation:brand-logo-track 68s linear infinite;will-change:transform;}
  .brand-logo-group{display:flex;align-items:center;gap:64px;flex:none;}
  .brand-logo-sprite{display:block;flex:none;width:var(--w);height:var(--h);background-image:url('/assets/referanslar.png');background-repeat:no-repeat;background-position:calc(var(--x) * -1px) calc(var(--y) * -1px);filter:grayscale(1);}
  @keyframes brand-logo-track{from{transform:translateX(0);}to{transform:translateX(calc(-50% - 32px));}}
  @media (prefers-reduced-motion:reduce){.brand-logo-track{animation:none;transform:none;}}
  @media (max-width:760px){.brand-logo-marquee{height:96px;}.brand-logo-track,.brand-logo-group{gap:56px;}.brand-logo-sprite{transform:scale(.82);transform-origin:center;}}
  /* Form bölümlerindeki marka paneli: kare MA-GEN logosu (örnekteki geniş logo kırpma ayarlarını geçersiz kılar) */
  .brand-logo-frame:has(img[src*="/assets/magen/logo"]),
  .homepage-brand-logo-frame:has(img[src*="/assets/magen/logo"]){width:96px !important;height:96px !important;border-radius:16px;overflow:hidden;align-items:center !important;justify-content:center;}
  .brand-logo-frame img[src*="/assets/magen/logo"],
  .homepage-brand-logo-frame img[src*="/assets/magen/logo"]{width:96px !important;height:96px !important;max-width:none;object-fit:cover !important;filter:none !important;}
  .brand-badge:has(img[src*="/assets/magen/logo"]) + .brand-tagline,
  .homepage-brand-badge:has(img[src*="/assets/magen/logo"]) + .brand-tagline{top:0 !important;margin-top:14px !important;}
  .brand-wordmark .brand-cloud, .homepage-brand-wordmark .brand-cloud{color:#fff;}
  @media (max-width:767px){
    .brand-logo-frame:has(img[src*="/assets/magen/logo"]), .homepage-brand-logo-frame:has(img[src*="/assets/magen/logo"]),
    .brand-logo-frame img[src*="/assets/magen/logo"], .homepage-brand-logo-frame img[src*="/assets/magen/logo"]{width:60px !important;height:60px !important;}
  }
  /* Çözümler açılır menüsü: iki sütun (SOLIDWORKS Çözümleri | CAD/CAM ve Mobilya) */
  .dropdown-panel.solutions-panel{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;width:560px;}
  .solutions-panel .menu-column{display:flex;flex-direction:column;min-width:0;}
  .solutions-panel .menu-column h4{margin:6px 12px 6px;color:var(--accent-deep);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;}
  .solutions-panel .menu-all{margin-top:6px;font-weight:600;color:var(--accent) !important;}
  @media (max-width:767px){
    .dropdown-panel.solutions-panel{display:block;width:auto;}
    .solutions-panel .menu-column + .menu-column{margin-top:12px;}
  }
  /* Sayfaya özel adlı logo çerçeveleri (ör. .hss-brand-frame) de kare MAGEN logosunu doğru göstersin */
  [class*="brand-frame"]:has(img[src*="/assets/magen/logo"]){width:96px !important;height:96px !important;border-radius:16px;overflow:hidden;align-items:center !important;justify-content:center;}
  [class*="brand-frame"] img[src*="/assets/magen/logo"]{width:96px !important;height:96px !important;max-width:none;object-fit:cover !important;filter:none !important;}
  [class*="brand-badge"]:has(img[src*="/assets/magen/logo"]) + .brand-tagline{top:0 !important;margin-top:14px !important;}
  [class*="brand-wordmark"] .brand-cloud{color:#fff;}
  @media (max-width:767px){
    [class*="brand-frame"]:has(img[src*="/assets/magen/logo"]), [class*="brand-frame"] img[src*="/assets/magen/logo"]{width:60px !important;height:60px !important;}
  }
  /* Koyu kahraman zemininde siyah yazılı ürün logoları (Cimatron vb.) beyaz kart üzerinde */
  .product-hero .hero-logo-card:has(img[src*="logo-cimatron"]),
  .module-detail-hero .solidcam-hero-logo[src*="logo-cimatron"]{background:#fff;padding:10px 16px;border-radius:10px;}

  /* ---------- Alt bilgi (30 Eki: kurumsal, sade; site.mjs altBilgi) ----------
     Eski .footer-* kuralları duruyor ama artık kullanılmıyor; "footer:not(.index-footer)" telefon kuralları
     bu bölümden önce geldiği için aşağıdaki "footer.site-footer" kuralları onları ezer. */
  footer.site-footer{background:#0b1926; color:#9fb0bd; border-top:1px solid rgba(255,255,255,.06); padding:64px 0 28px; font-size:14px;}
  footer.site-footer > .wrap{padding-left:28px; padding-right:28px;}
  .sf-top{display:grid; grid-template-columns:minmax(250px,1fr) minmax(0,2.6fr); gap:64px;}
  .sf-logo{display:inline-flex; align-items:center; gap:12px; text-decoration:none;}
  .sf-logo img{width:46px; height:46px; border-radius:10px; display:block;}
  .sf-logo span{font-family:var(--font-display); font-weight:600; font-size:20px; letter-spacing:.16em; color:#fff;}
  .sf-tanitim{margin:18px 0 22px; color:#8fa2b0; line-height:1.6; max-width:38ch;}
  .sf-iletisim{list-style:none; margin:0; padding:0; display:grid; gap:12px;}
  .sf-iletisim li{display:flex; align-items:flex-start; gap:10px; line-height:1.45;}
  .sf-iletisim svg{width:16px; height:16px; flex:none; margin-top:2px; color:#5aa6dd;}
  .sf-iletisim a{color:#d5dee5; text-decoration:none;}
  .sf-iletisim a:hover{color:#fff;}
  .sf-sosyal{display:flex; gap:10px; margin-top:24px;}
  /* .social-link üst menü kurallarını (koyu simge rengi, 18-20 px kutu) burada ez */
  .sf-sosyal .social-link{width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,.16); display:inline-flex; align-items:center; justify-content:center; color:#d5dee5; text-decoration:none; transform:none; position:static; transition:background .15s ease, border-color .15s ease;}
  .sf-sosyal .social-link svg{width:17px; height:17px; color:#d5dee5; transform:none;}
  .sf-sosyal .social-link:hover{background:#08609f; border-color:#08609f;}
  .sf-sosyal .social-link:hover svg{color:#fff;}
  .sf-links{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px;}
  .sf-baslik{margin:0 0 18px; font-size:13px; font-weight:600; letter-spacing:.05em; color:#fff;}
  .sf-col ul{list-style:none; margin:0; padding:0; display:grid; gap:12px;}
  .sf-col a{color:#9fb0bd; text-decoration:none; line-height:1.35; transition:color .15s ease;}
  .sf-col a:hover{color:#fff;}
  .sf-bottom{margin-top:52px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 24px; font-size:13px; color:#7c909f;}
  .sf-bottom a{color:#9fb0bd; text-decoration:none;}
  .sf-bottom a:hover{color:#fff;}
  .sf-marks{margin:10px 0 0; font-size:12px; color:#5d7282;}
  @media (max-width:980px){
    .sf-top{grid-template-columns:1fr; gap:44px;}
    .sf-links{grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px;}
  }
  @media (max-width:767px){
    footer.site-footer{padding:44px 0 24px;}
    footer.site-footer > .wrap{padding-left:20px; padding-right:20px;}
    .sf-col a, .sf-iletisim a{font-size:14px;}
    .sf-bottom{flex-direction:column; align-items:flex-start; margin-top:40px;}
  }

  /* ---------- Sıkça sorulan sorular (genel; SWOOD'daki .sx-sss ile aynı görünüm) ----------
     Sayfada <section class="sss-bolum" id="sss"> … <div class="sss-liste"><details><summary>Soru</summary><p>Cevap</p></details>
     derle.mjs id="sss" bölümünden Google için FAQPage yapısal verisini kendisi üretir. */
  .sss-bolum{padding:88px 0;}
  .sss-bolum .section-head{margin-bottom:30px;}
  .sss-liste{max-width:900px; margin:0 auto; border-top:1px solid var(--line);}
  .sss-liste details{border-bottom:1px solid var(--line);}
  .sss-liste summary{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 4px; cursor:pointer; list-style:none; font-family:var(--font-display); font-size:17px; font-weight:700; line-height:1.35; color:var(--ink);}
  .sss-liste summary::-webkit-details-marker{display:none;}
  .sss-liste summary::after{content:"+"; flex:none; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--accent-soft); color:var(--accent-deep); font-family:var(--font-body); font-size:18px; font-weight:600; line-height:1; transition:transform .2s ease;}
  .sss-liste details[open] summary::after{transform:rotate(45deg);}
  .sss-liste summary:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
  .sss-liste details p{padding:0 4px 18px; color:var(--ink-soft); font-size:15px; line-height:1.7;}
  .sss-liste a{color:var(--accent-deep); text-decoration:underline; text-underline-offset:2px;}
  @media (max-width:767px){
    .sss-bolum{padding:40px 0;}
    .sss-bolum .section-head{margin-bottom:16px;}
    .sss-liste summary{padding:14px 2px; font-size:15px;}
    .sss-liste summary::after{width:24px; height:24px; font-size:16px;}
    .sss-liste details p{padding:0 2px 14px; font-size:13.5px; line-height:1.55;}
  }