:root {
    --navy: #050d1f;
    --navy2: #091428;
    --blue-deep: #0a1f3f;
    --blue-mid: #0d3468;
    --teal: #00c8b4;
    --teal-dim: rgba(0,200,180,0.15);
    --teal-glow: rgba(0,200,180,0.4);
    --accent: #00e5cc;
    --accent2: #4fc3f7;
    --white: #f0f6ff;
    --text: #b8cde8;
    --text-dim: #5d7a9a;
    --border: rgba(0,200,180,0.18);
    --card-bg: rgba(9,20,40,0.7);
    --glass: rgba(255,255,255,0.04);
  }

  * { margin:0; padding:0; box-sizing:border-box; }

  html { scroll-behavior: smooth; }

  body {
    font-family: 'DM Sans', sans-serif;
    background: var(--navy);
    color: var(--text);
    overflow-x: hidden;
    cursor: none;
  }

  /* CUSTOM CURSOR */
  .cursor {
    width:10px; height:10px;
    background: var(--teal);
    border-radius: 50%;
    position: fixed;
    top:0; left:0;
    pointer-events: none;
    z-index: 99999;
    transition: transform 0.15s ease, opacity 0.2s;
    mix-blend-mode: screen;
  }
  .cursor-ring {
    width:36px; height:36px;
    border: 1.5px solid var(--teal);
    border-radius: 50%;
    position: fixed;
    top:0; left:0;
    pointer-events: none;
    z-index: 99998;
    transition: transform 0.35s cubic-bezier(.23,1,.32,1), opacity 0.2s, border-color 0.3s;
    opacity:0.5;
  }
  .cursor.active { transform: scale(3); }
  .cursor-ring.active { border-color: var(--accent); opacity:0.9; }

  /* SCROLLBAR */
  ::-webkit-scrollbar { width:4px; }
  ::-webkit-scrollbar-track { background: var(--navy); }
  ::-webkit-scrollbar-thumb { background: var(--teal); border-radius:4px; }

  /* NAV */
  nav {
    position: fixed; top:0; width:100%; z-index:1000;
    display:flex; align-items:center; justify-content:space-between;
    padding: 20px 60px;
    background: rgba(5,13,31,0.85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
    transition: padding 0.3s;
  }
  nav.scrolled { padding: 14px 60px; }
  .logo {
    font-family: 'Syne', sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: var(--white);
    letter-spacing: -0.5px;
  }
  .logo span { color: var(--teal); }
  .logo sub {
    font-size:10px; font-weight:400; color:var(--text-dim);
    letter-spacing:2px; display:block; margin-top:-4px;
    font-family:'DM Sans', sans-serif;
    text-transform:uppercase;
  }
  .nav-links {
    display:flex; gap:36px; list-style:none;
    font-size:13px; font-weight:500; letter-spacing:0.5px;
  }
  .nav-links a {
    color: var(--text-dim);
    text-decoration:none;
    transition: color 0.2s;
    position:relative;
  }
  .nav-links a::after {
    content:'';
    position:absolute; bottom:-4px; left:0; right:0;
    height:1px; background: var(--teal);
    transform: scaleX(0);
    transition: transform 0.3s;
  }
  .nav-links a:hover { color: var(--white); }
  .nav-links a:hover::after { transform: scaleX(1); }
  .nav-cta {
    background: transparent;
    border: 1.5px solid var(--teal);
    color: var(--teal);
    padding: 10px 24px;
    font-family: 'DM Sans', sans-serif;
    font-size:13px; font-weight:500;
    letter-spacing:0.5px;
    cursor: none;
    transition: all 0.3s;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
  }
  .nav-cta:hover {
    background: var(--teal);
    color: var(--navy);
  }

  /* HERO */
  .hero {
    min-height: 100vh;
    display:flex; flex-direction:column; justify-content:center;
    padding: 120px 60px 60px;
    position:relative; overflow:hidden;
  }
  .hero-grid {
    position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(0,200,180,0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,200,180,0.05) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black, transparent);
  }
  .hero-orb1 {
    position:absolute; width:600px; height:600px;
    background: radial-gradient(circle, rgba(0,200,180,0.12) 0%, transparent 70%);
    top:-100px; right:-100px;
    animation: orbPulse 8s ease-in-out infinite;
  }
  .hero-orb2 {
    position:absolute; width:400px; height:400px;
    background: radial-gradient(circle, rgba(79,195,247,0.1) 0%, transparent 70%);
    bottom:0; left:100px;
    animation: orbPulse 12s ease-in-out infinite reverse;
  }
  @keyframes orbPulse {
    0%,100% { transform: scale(1); opacity:0.7; }
    50% { transform: scale(1.15); opacity:1; }
  }
  .hero-badge {
    display:inline-flex; align-items:center; gap:8px;
    border: 1px solid var(--border);
    padding: 6px 16px;
    font-size:11px; letter-spacing:2px; text-transform:uppercase;
    color:var(--teal); font-family:'JetBrains Mono',monospace;
    margin-bottom:32px; width:fit-content;
    background: var(--teal-dim);
  }
  .hero-badge::before {
    content:'';
    width:6px; height:6px; border-radius:50%;
    background:var(--teal);
    animation: blink 1.5s ease-in-out infinite;
  }
  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.2} }
  .hero h1 {
    font-family: 'Syne', sans-serif;
    font-size: clamp(52px, 7vw, 96px);
    font-weight: 800;
    color: var(--white);
    line-height: 1.0;
    letter-spacing: -2px;
    max-width: 800px;
    margin-bottom: 28px;
  }
  .hero h1 em {
    font-style:normal;
    color: var(--teal);
    position:relative;
  }
  .hero-desc {
    max-width:520px;
    font-size:17px; line-height:1.75;
    color: var(--text);
    margin-bottom: 52px;
    font-weight:300;
  }
  .hero-actions { display:flex; gap:20px; align-items:center; }
  .btn-primary {
    background: var(--teal);
    color: var(--navy);
    padding: 16px 36px;
    font-family:'DM Sans', sans-serif;
    font-size:14px; font-weight:600;
    letter-spacing:0.5px;
    border:none; cursor:none;
    transition: all 0.3s;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
    text-decoration:none; display:inline-block;
  }
  .btn-primary:hover {
    background: var(--accent);
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(0,200,180,0.35);
  }
  .btn-outline {
    border: 1px solid var(--border);
    color: var(--text);
    padding: 16px 36px;
    font-size:14px; font-weight:500;
    cursor:none;
    transition: all 0.3s;
    text-decoration:none; display:inline-block;
    background:transparent;
  }
  .btn-outline:hover {
    border-color: var(--teal);
    color: var(--teal);
  }
  .hero-stats {
    display:grid; grid-template-columns: repeat(4, 1fr);
    gap:1px; margin-top: 80px;
    border-top: 1px solid var(--border);
    padding-top:40px;
  }
  .stat {
    padding: 0 30px 0 0;
  }
  .stat-num {
    font-family:'Syne',sans-serif;
    font-size:42px; font-weight:800;
    color:var(--white);
    line-height:1;
  }
  .stat-num span { color:var(--teal); }
  .stat-label {
    font-size:12px; color:var(--text-dim); letter-spacing:1px;
    text-transform:uppercase; margin-top:6px;
  }

  /* SECTION COMMON */
  section { padding: 100px 60px; }
  .section-tag {
    font-family:'JetBrains Mono',monospace;
    font-size:11px; letter-spacing:3px; text-transform:uppercase;
    color:var(--teal); margin-bottom:16px;
    display:flex; align-items:center; gap:12px;
  }
  .section-tag::before {
    content:''; display:block;
    width:32px; height:1px; background:var(--teal);
  }
  .section-title {
    font-family:'Syne',sans-serif;
    font-size: clamp(36px, 4vw, 56px);
    font-weight:800;
    color:var(--white); line-height:1.1;
    letter-spacing:-1.5px;
    margin-bottom:20px;
  }
  .section-desc {
    font-size:16px; line-height:1.8;
    color:var(--text); max-width:560px;
    font-weight:300;
  }

  /* PRODUCTS SECTION */
  .products { background: var(--navy2); }
  .products-header {
    display:grid; grid-template-columns:1fr 1fr;
    gap:60px; align-items:end; margin-bottom:64px;
  }
  .product-filters {
    display:flex; gap:12px; flex-wrap:wrap;
    align-self:end; justify-content:flex-end;
  }
  .filter-btn {
    padding: 8px 20px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text-dim);
    font-size:12px; letter-spacing:0.5px;
    cursor:none;
    transition: all 0.25s;
    font-family:'DM Sans',sans-serif;
  }
  .filter-btn.active, .filter-btn:hover {
    border-color: var(--teal);
    color: var(--teal);
    background: var(--teal-dim);
  }
  .products-grid {
    display:grid; grid-template-columns: repeat(3, 1fr);
    gap:2px;
  }
  .product-card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    padding: 40px 36px;
    position:relative; overflow:hidden;
    transition: all 0.4s cubic-bezier(.23,1,.32,1);
    cursor: none;
  }
  .product-card::before {
    content:'';
    position:absolute; top:0; left:0; right:0;
    height:2px;
    background: linear-gradient(90deg, transparent, var(--teal), transparent);
    transform: scaleX(0);
    transition: transform 0.4s;
  }
  .product-card:hover { background: rgba(0,200,180,0.05); transform: translateY(-4px); }
  .product-card:hover::before { transform: scaleX(1); }
  .product-icon {
    width:56px; height:56px;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:28px;
    position:relative;
  }
  .product-icon svg { width:36px; height:36px; }
  .product-icon-ring {
    position:absolute; inset:0;
    border: 1px solid var(--border);
    border-radius:0;
    transition: border-color 0.3s;
  }
  .product-card:hover .product-icon-ring { border-color: var(--teal); }
  .product-cat {
    font-family:'JetBrains Mono',monospace;
    font-size:10px; letter-spacing:2px;
    color: var(--text-dim); text-transform:uppercase;
    margin-bottom:10px;
  }
  .product-name {
    font-family:'Syne',sans-serif;
    font-size:20px; font-weight:700;
    color:var(--white); margin-bottom:14px;
    line-height:1.2;
  }
  .product-desc {
    font-size:14px; line-height:1.7;
    color:var(--text-dim);
  }
  .product-arrow {
    margin-top:28px;
    display:flex; align-items:center; gap:8px;
    color:var(--teal); font-size:13px;
    opacity:0; transform: translateX(-8px);
    transition: all 0.3s;
  }
  .product-card:hover .product-arrow { opacity:1; transform: translateX(0); }
  .product-num {
    position:absolute; top:20px; right:24px;
    font-family:'JetBrains Mono',monospace;
    font-size:11px; color:var(--text-dim);
    opacity:0.4;
  }

  /* EHASTANE */
  .ehastane {
    background: linear-gradient(135deg, var(--blue-deep) 0%, var(--navy) 100%);
    position:relative; overflow:hidden;
  }
  .ehastane::before {
    content:'';
    position:absolute; top:-200px; right:-200px;
    width:600px; height:600px;
    border: 1px solid rgba(0,200,180,0.1);
    border-radius:50%;
  }
  .ehastane::after {
    content:'';
    position:absolute; top:-100px; right:-100px;
    width:400px; height:400px;
    border: 1px solid rgba(0,200,180,0.08);
    border-radius:50%;
  }
  .ehastane-inner {
    display:grid; grid-template-columns:1fr 1fr;
    gap:80px; align-items:center; position:relative; z-index:1;
  }
  .ehastane-features {
    display:flex; flex-direction:column; gap:24px;
    margin-top:40px;
  }
  .feature-row {
    display:flex; gap:20px; align-items:flex-start;
    padding: 20px;
    border: 1px solid transparent;
    transition: all 0.3s;
  }
  .feature-row:hover {
    border-color: var(--border);
    background: var(--glass);
  }
  .feature-icon {
    width:40px; height:40px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    border: 1px solid var(--border);
    color: var(--teal);
  }
  .feature-text h4 {
    font-family:'Syne',sans-serif;
    font-size:16px; font-weight:700;
    color:var(--white); margin-bottom:4px;
  }
  .feature-text p { font-size:13px; color:var(--text-dim); line-height:1.6; }

  .ehastane-visual {
    position:relative;
  }
  .dashboard-mockup {
    background: var(--blue-deep);
    border: 1px solid var(--border);
    border-radius:4px; overflow:hidden;
    box-shadow: 0 40px 80px rgba(0,0,0,0.5), 0 0 80px rgba(0,200,180,0.08);
  }
  .mockup-bar {
    height:44px;
    background: rgba(0,0,0,0.3);
    border-bottom: 1px solid var(--border);
    display:flex; align-items:center; padding:0 16px; gap:8px;
  }
  .dot { width:10px; height:10px; border-radius:50%; }
  .dot.r { background:#ff5f57; }
  .dot.y { background:#febc2e; }
  .dot.g { background:#28c840; }
  .mockup-title {
    font-family:'JetBrains Mono',monospace;
    font-size:11px; color:var(--text-dim);
    margin-left:auto; margin-right:auto;
  }
  .mockup-body { padding:24px; }
  .mockup-row {
    display:grid; grid-template-columns:1fr 1fr 1fr;
    gap:12px; margin-bottom:12px;
  }
  .mockup-card {
    background: rgba(0,200,180,0.06);
    border: 1px solid rgba(0,200,180,0.15);
    padding:14px;
    border-radius:2px;
  }
  .mc-label {
    font-family:'JetBrains Mono',monospace;
    font-size:9px; color:var(--text-dim);
    text-transform:uppercase; letter-spacing:1px;
  }
  .mc-val {
    font-family:'Syne',sans-serif;
    font-size:22px; font-weight:700;
    color:var(--white); margin-top:4px;
  }
  .mc-val.teal { color:var(--teal); }
  .mc-val.blue { color:var(--accent2); }
  .mc-sub { font-size:10px; color:var(--text-dim); margin-top:2px; }
  .mockup-chart {
    height:80px;
    background: rgba(0,0,0,0.2);
    border: 1px solid var(--border);
    border-radius:2px;
    display:flex; align-items:flex-end; padding:8px; gap:4px;
    margin-top:12px;
  }
  .bar-item {
    flex:1; background: var(--teal-dim);
    border-top: 2px solid var(--teal);
    transition: height 0.3s;
  }
  .mockup-list { margin-top:12px; display:flex; flex-direction:column; gap:8px; }
  .list-row {
    display:flex; align-items:center; gap:10px;
    padding:10px 12px;
    background: rgba(0,0,0,0.15);
    border-left: 2px solid transparent;
    font-size:11px; color:var(--text-dim);
  }
  .list-row.active { border-left-color: var(--teal); color:var(--white); }
  .list-dot { width:6px; height:6px; border-radius:50%; background:var(--teal-dim); border: 1px solid var(--teal); }
  .list-dot.active { background:var(--teal); }

  /* SERVICES */
  .services-grid {
    display:grid; grid-template-columns: repeat(2, 1fr);
    gap:2px; margin-top:60px;
  }
  .service-card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    padding:48px 44px;
    position:relative; overflow:hidden;
    transition: all 0.4s;
    cursor:none;
  }
  .service-card.large { grid-column: span 2; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
  .service-card:hover { background: rgba(0,200,180,0.04); }
  .service-num {
    font-family:'JetBrains Mono',monospace;
    font-size:60px; font-weight:500;
    color:rgba(0,200,180,0.08);
    position:absolute; top:20px; right:24px;
    line-height:1;
  }
  .service-title {
    font-family:'Syne',sans-serif;
    font-size:24px; font-weight:700;
    color:var(--white); margin-bottom:16px;
    margin-top:16px;
  }
  .service-desc { font-size:14px; line-height:1.8; color:var(--text-dim); }
  .service-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
  .tag {
    font-size:11px;
    padding:4px 12px;
    border: 1px solid var(--border);
    color: var(--text-dim);
    font-family:'JetBrains Mono',monospace;
    letter-spacing:0.5px;
  }

  /* WHY VALDEA */
  .why { background: var(--navy2); }
  .why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; margin-top:64px; }
  .why-card {
    padding:44px 36px;
    border: 1px solid var(--border);
    background: var(--card-bg);
    position:relative;
    transition: all 0.3s;
    cursor:none;
  }
  .why-card:hover { background: rgba(0,200,180,0.04); transform: translateY(-4px); }
  .why-num {
    font-family:'Syne',sans-serif;
    font-size:64px; font-weight:800;
    color:var(--teal); opacity:0.15;
    line-height:1; margin-bottom:20px;
  }
  .why-title {
    font-family:'Syne',sans-serif;
    font-size:18px; font-weight:700;
    color:var(--white); margin-bottom:12px;
  }
  .why-desc { font-size:13px; line-height:1.7; color:var(--text-dim); }

  /* BRANDS */
  .brands { text-align:center; }
  .brands-row {
    display:flex; align-items:center; justify-content:center;
    gap:60px; flex-wrap:wrap;
    margin-top:48px; padding-top:48px;
    border-top: 1px solid var(--border);
  }
  .brand-logo {
    font-family:'Syne',sans-serif;
    font-size:18px; font-weight:700;
    color: var(--text-dim);
    letter-spacing:-0.5px;
    opacity:0.5; transition: opacity 0.3s, color 0.3s;
    cursor:none;
  }
  .brand-logo:hover { opacity:1; color: var(--white); }

  /* CONTACT */
  .contact {
    background: linear-gradient(to bottom, var(--navy), var(--blue-deep));
    position:relative; overflow:hidden;
  }
  .contact-inner {
    display:grid; grid-template-columns:1fr 1fr;
    gap:80px; align-items:start;
  }
  .contact-form { display:flex; flex-direction:column; gap:16px; }
  .form-group { display:flex; flex-direction:column; gap:8px; }
  .form-label {
    font-size:11px; letter-spacing:1.5px; text-transform:uppercase;
    color:var(--text-dim); font-family:'JetBrains Mono',monospace;
  }
  .form-input, .form-select, .form-textarea {
    background: rgba(255,255,255,0.03);
    border: 1px solid var(--border);
    color: var(--white);
    padding: 14px 18px;
    font-size:14px;
    font-family:'DM Sans',sans-serif;
    outline:none;
    transition: border-color 0.3s;
    width:100%;
  }
  .form-input:focus, .form-select:focus, .form-textarea:focus {
    border-color: var(--teal);
  }
  .form-textarea { resize:vertical; min-height:120px; }
  .form-select option { background:var(--navy); }
  .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .contact-info { display:flex; flex-direction:column; gap:32px; padding-top:16px; }
  .info-block h4 {
    font-family:'Syne',sans-serif;
    font-size:14px; font-weight:700; color:var(--white);
    margin-bottom:8px;
  }
  .info-block p { font-size:14px; color:var(--text-dim); line-height:1.7; }
  .info-divider { height:1px; background:var(--border); }

  /* FOOTER */
  footer {
    background: #020810;
    border-top: 1px solid var(--border);
    padding: 60px 60px 40px;
  }
  .footer-top {
    display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:60px; padding-bottom:48px;
    border-bottom: 1px solid var(--border);
  }
  .footer-brand .logo { font-size:24px; }
  .footer-brand p { font-size:13px; color:var(--text-dim); line-height:1.7; margin-top:16px; max-width:240px; }
  .footer-col h5 {
    font-family:'JetBrains Mono',monospace;
    font-size:10px; letter-spacing:2px; text-transform:uppercase;
    color:var(--teal); margin-bottom:20px;
  }
  .footer-col ul { list-style:none; display:flex; flex-direction:column; gap:12px; }
  .footer-col a { font-size:13px; color:var(--text-dim); text-decoration:none; transition: color 0.2s; }
  .footer-col a:hover { color:var(--white); }
  .footer-bottom {
    display:flex; justify-content:space-between; align-items:center;
    padding-top:32px;
    font-size:12px; color:var(--text-dim);
  }
  .footer-bottom a { color:var(--teal); text-decoration:none; }

  /* MODAL BACKDROP */
  .modal-overlay {
    position:fixed; inset:0;
    background: rgba(2,8,16,0.9);
    z-index:9000;
    display:flex; align-items:center; justify-content:center;
    opacity:0; pointer-events:none;
    transition: opacity 0.3s;
    backdrop-filter: blur(8px);
  }
  .modal-overlay.open { opacity:1; pointer-events:all; }
  .modal {
    background: var(--blue-deep);
    border: 1px solid var(--border);
    max-width:680px; width:90%;
    max-height:85vh; overflow-y:auto;
    transform: translateY(20px);
    transition: transform 0.3s;
  }
  .modal-overlay.open .modal { transform: translateY(0); }
  .modal-header {
    padding:28px 32px;
    border-bottom: 1px solid var(--border);
    display:flex; justify-content:space-between; align-items:center;
  }
  .modal-title {
    font-family:'Syne',sans-serif; font-size:22px; font-weight:700; color:var(--white);
  }
  .modal-close {
    width:36px; height:36px;
    border: 1px solid var(--border);
    background:transparent; color:var(--text-dim);
    font-size:18px; cursor:none;
    display:flex; align-items:center; justify-content:center;
    transition: all 0.2s;
  }
  .modal-close:hover { border-color:var(--teal); color:var(--teal); }
  .modal-body { padding:32px; }
  .modal-tag {
    font-family:'JetBrains Mono',monospace;
    font-size:11px; letter-spacing:2px; color:var(--teal);
    text-transform:uppercase; margin-bottom:16px;
  }
  .modal-desc { font-size:15px; line-height:1.8; color:var(--text); margin-bottom:24px; }
  .modal-features { display:flex; flex-direction:column; gap:12px; }
  .modal-feature {
    display:flex; gap:12px; align-items:flex-start;
    padding:14px;
    border: 1px solid var(--border);
    background: var(--glass);
  }
  .mf-dot { width:6px; height:6px; border-radius:50%; background:var(--teal); flex-shrink:0; margin-top:5px; }
  .mf-text { font-size:13px; color:var(--text-dim); line-height:1.6; }

  /* ANIMATIONS */
  .fade-up {
    opacity:0; transform:translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
  }
  .fade-up.visible { opacity:1; transform:translateY(0); }

  /* SCROLL TO TOP */
  .scroll-top {
    position:fixed; bottom:40px; right:40px;
    width:48px; height:48px;
    background: var(--teal);
    border:none; cursor:none;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
    display:flex; align-items:center; justify-content:center;
    color: var(--navy); font-size:18px;
    opacity:0; pointer-events:none;
    transition: all 0.3s;
    z-index:500;
  }
  .scroll-top.show { opacity:1; pointer-events:all; }
  .scroll-top:hover { background:var(--accent); }

  /* RESPONSIVE ADJUSTMENTS */
  @media (max-width:900px) {
    nav { padding:16px 24px; }
    .nav-links { display:none; }
    section { padding:70px 24px; }
    .hero { padding:100px 24px 60px; }
    .hero-stats { grid-template-columns:repeat(2,1fr); gap:24px; }
    .products-header { grid-template-columns:1fr; gap:24px; }
    .products-grid { grid-template-columns:1fr; }
    .ehastane-inner { grid-template-columns:1fr; }
    .services-grid { grid-template-columns:1fr; }
    .service-card.large { grid-column:span 1; grid-template-columns:1fr; }
    .why-grid { grid-template-columns:repeat(2,1fr); }
    .contact-inner { grid-template-columns:1fr; }
    .footer-top { grid-template-columns:1fr 1fr; gap:32px; }
    .footer-bottom { flex-direction:column; gap:12px; text-align:center; }
  }

/* MULTI PAGE EXTENSIONS */
body{cursor:auto}.cursor,.cursor-ring{display:none!important} a,button,.product-card,.service-card,.why-card,.brand-logo,.feature-row{cursor:pointer!important}.logo{text-decoration:none}.mega{position:relative}.mega-panel{position:absolute;top:26px;left:-220px;width:min(900px,92vw);display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:rgba(5,13,31,.97);border:1px solid var(--border);box-shadow:0 30px 90px rgba(0,0,0,.45);backdrop-filter:blur(20px);padding:24px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}.mega:hover .mega-panel{opacity:1;visibility:visible;transform:translateY(0)}.mega-col h4{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--teal);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.mega-col a{display:block;padding:8px 0;color:var(--text);font-size:13px}.hamburger{display:none;border:1px solid var(--border);background:transparent;color:var(--teal);padding:10px 12px;font-size:22px}.mobile-drawer{position:fixed;top:70px;right:18px;left:18px;z-index:999;background:rgba(5,13,31,.98);border:1px solid var(--border);padding:18px;display:none}.mobile-drawer.open{display:block}.mobile-drawer a{display:block;color:var(--text);text-decoration:none;padding:12px;border-bottom:1px solid rgba(0,200,180,.08)}.page-hero{min-height:62vh;padding:150px 60px 80px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--blue-deep))}.page-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,200,180,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,180,.05) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 45%,black,transparent)}.page-hero>*{position:relative}.breadcrumb{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-dim);letter-spacing:1px;margin-bottom:28px}.breadcrumb a{color:var(--teal);text-decoration:none}.page-hero h1{font-family:'Syne',sans-serif;font-size:clamp(44px,6vw,82px);line-height:1;font-weight:800;color:var(--white);letter-spacing:-2px;max-width:900px}.page-hero p{max-width:680px;margin-top:26px;font-size:18px;line-height:1.8;color:var(--text)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.detail-list{display:grid;gap:12px;margin-top:30px}.detail-item{padding:18px;border:1px solid var(--border);background:var(--glass);display:flex;gap:14px}.detail-item:before{content:'+';color:var(--teal);font-family:'JetBrains Mono',monospace}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:50px}.spec-card{background:var(--card-bg);border:1px solid var(--border);padding:28px}.spec-card h3{font-family:'Syne',sans-serif;color:var(--white);font-size:18px;margin-bottom:10px}.spec-card p{font-size:13px;line-height:1.7;color:var(--text-dim)}.interactive-map{border:1px solid var(--border);background:rgba(0,200,180,.04);padding:30px;min-height:420px;position:relative}.hospital-floor{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.room{min-height:110px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text);background:rgba(0,0,0,.18);transition:.25s;padding:14px}.room:hover{background:var(--teal-dim);color:var(--white);transform:translateY(-3px)}.sticky-bottom{display:none}.product-table{width:100%;border-collapse:collapse;margin-top:35px}.product-table th,.product-table td{border:1px solid var(--border);padding:14px;text-align:left;color:var(--text);font-size:13px}.product-table th{color:var(--teal);font-family:'JetBrains Mono',monospace;text-transform:uppercase;font-size:11px}.timeline{display:grid;gap:16px;margin-top:35px}.timeline-row{display:grid;grid-template-columns:90px 1fr;gap:20px;border-left:1px solid var(--border);padding-left:20px}.timeline-row strong{color:var(--teal);font-family:'JetBrains Mono',monospace}.cta-band{background:linear-gradient(135deg,rgba(0,200,180,.12),rgba(79,195,247,.08));border:1px solid var(--border);padding:46px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-band h2{font-family:'Syne',sans-serif;color:var(--white);font-size:34px}.form-note{font-size:12px;color:var(--text-dim);line-height:1.6}@media(max-width:900px){.hamburger{display:block}.nav-links,.nav-cta{display:none}.page-hero{padding:120px 24px 60px}.two-col,.spec-grid{grid-template-columns:1fr}.hospital-floor{grid-template-columns:1fr}.mega-panel{display:none}.sticky-bottom{position:fixed;bottom:0;left:0;right:0;z-index:900;display:grid;grid-template-columns:repeat(3,1fr);background:#020810;border-top:1px solid var(--border)}.sticky-bottom a{padding:12px;text-align:center;color:var(--teal);text-decoration:none;font-size:12px;border-right:1px solid var(--border)}.form-row{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start}body{padding-bottom:50px}}


/* UPDATED NAVIGATION + LANGUAGE PACK */
nav{gap:22px}.nav-links{gap:18px;align-items:center;white-space:nowrap}.nav-links>li{list-style:none}.nav-links a{font-size:12.5px}.nav-cta{white-space:nowrap}.mega-panel{top:34px;left:50%;transform:translate(-50%,12px);z-index:2000}.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-col a:hover{padding-left:6px}.lang-switch{position:relative}.lang-current{border:1px solid var(--border);color:var(--teal)!important;padding:8px 10px!important;display:inline-block}.lang-panel{position:absolute;right:0;top:34px;min-width:160px;background:rgba(5,13,31,.98);border:1px solid var(--border);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:2100}.lang-switch:hover .lang-panel,.lang-switch:focus-within .lang-panel{opacity:1;visibility:visible;transform:translateY(0)}.lang-panel a{display:block;padding:8px 10px;color:var(--text)!important}.mobile-group-title{display:block;width:100%;background:transparent;border:0;color:var(--teal);text-align:left;padding:13px 12px;border-bottom:1px solid rgba(0,200,180,.08);font-family:'DM Sans',sans-serif}.mobile-sub{display:none;padding-left:10px;background:rgba(0,200,180,.035)}.mobile-sub.open{display:block}.mobile-lang{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.mobile-lang a{border:1px solid var(--border);text-align:center;padding:8px!important}.page-card-link{display:block;text-decoration:none;color:inherit}.nav-note{font-size:11px;color:var(--text-dim);margin-top:4px}@media(max-width:1250px){nav{padding:16px 28px}.nav-links{gap:12px}.nav-links a{font-size:11.5px}.nav-cta{padding:9px 14px}}@media(max-width:1050px){.nav-links,.nav-cta{display:none!important}.hamburger{display:block!important}}


/* =========================================================
   VALDEA V3 MOBILE FIXES — no horizontal overflow + language dropdown
   ========================================================= */
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
*, *::before, *::after { box-sizing:border-box; min-width:0; }
img, svg, video, canvas, iframe { max-width:100%; height:auto; }
body { -webkit-text-size-adjust:100%; }
nav { left:0; right:0; max-width:100vw; }
.logo { flex-shrink:0; text-decoration:none; }
.nav-tools{display:flex;align-items:center;gap:12px;}
.lang-current::before{content:'🌐 ';font-size:13px;}
.lang-current::after{content:' ▾';color:var(--teal);}
.lang-panel a::before{display:inline-block;width:22px;margin-right:8px;opacity:.95;}
.lang-panel a[href*="/en/"]::before,.lang-panel a[href^="en/"]::before{content:'🇬🇧';}
.lang-panel a[href*="/de/"]::before,.lang-panel a[href^="de/"]::before{content:'🇩🇪';}
.lang-panel a[href*="/fr/"]::before,.lang-panel a[href^="fr/"]::before{content:'🇫🇷';}
.lang-panel a[href*="/it/"]::before,.lang-panel a[href^="it/"]::before{content:'🇮🇹';}
.lang-panel a[href*="/es/"]::before,.lang-panel a[href^="es/"]::before{content:'🇪🇸';}
.lang-panel a[href$="index.html"]:first-child::before{content:'🇹🇷';}

.mobile-lang{display:block;margin:12px 0 4px;}
.mobile-lang-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(0,200,180,.08);border:1px solid var(--border);color:var(--teal);padding:13px 14px;font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:.3px;}
.mobile-lang-toggle::before{content:'🌐';font-size:18px;}
.mobile-lang-list{display:none;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 0 0;}
.mobile-lang-list.open{display:grid;}
.mobile-lang-list a{border:1px solid var(--border);text-align:center;background:rgba(0,0,0,.14);padding:10px 8px!important;border-bottom:1px solid var(--border)!important;}
.mobile-lang-list a:nth-child(1)::before{content:'🇹🇷 ';}.mobile-lang-list a:nth-child(2)::before{content:'🇬🇧 ';}.mobile-lang-list a:nth-child(3)::before{content:'🇩🇪 ';}.mobile-lang-list a:nth-child(4)::before{content:'🇫🇷 ';}.mobile-lang-list a:nth-child(5)::before{content:'🇮🇹 ';}.mobile-lang-list a:nth-child(6)::before{content:'🇪🇸 ';}

@media(max-width:1050px){
  nav{padding:14px 18px!important;gap:10px;min-height:74px;}
  .logo{font-size:22px;line-height:1;max-width:185px;white-space:nowrap;overflow:hidden;}
  .logo sub{font-size:8px;letter-spacing:1.2px;}
  .hamburger{display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;padding:0!important;font-size:25px;border:1px solid var(--border);background:rgba(0,200,180,.03);color:var(--teal);flex:0 0 auto;}
  .mobile-drawer{position:fixed!important;top:74px!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;display:block!important;transform:translateX(105%);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease;background:rgba(5,13,31,.985)!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding:18px 20px 95px!important;overflow-y:auto;overscroll-behavior:contain;z-index:9999!important;}
  .mobile-drawer.open{transform:translateX(0);opacity:1;pointer-events:auto;}
  .mobile-drawer a,.mobile-group-title{font-size:15px;}
  .mobile-sub a{font-size:14px;padding-left:24px!important;}
}

@media(max-width:900px){
  body{cursor:auto!important;padding-bottom:58px;}
  .cursor,.cursor-ring{display:none!important;}
  section{padding:70px 20px!important;width:100%;max-width:100vw;overflow:hidden;}
  .hero{min-height:auto!important;padding:112px 20px 62px!important;width:100%!important;max-width:100vw!important;overflow:hidden!important;}
  .hero-grid{background-size:44px 44px;}
  .hero-orb1{width:320px;height:320px;right:-150px;top:20px;}
  .hero-orb2{width:260px;height:260px;left:-140px;bottom:80px;}
  .hero-badge{font-size:9px;letter-spacing:1.25px;padding:6px 11px;max-width:100%;white-space:normal;}
  .hero h1{font-size:clamp(42px,13.5vw,58px)!important;line-height:.98!important;letter-spacing:-1.1px!important;max-width:100%!important;overflow-wrap:break-word;word-break:normal;margin-bottom:22px;}
  .hero-desc{font-size:16px;line-height:1.65;max-width:100%;margin-bottom:32px;}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;}
  .btn-primary,.btn-outline{width:100%;text-align:center;padding:15px 12px;font-size:13px;}
  .hero-stats{grid-template-columns:repeat(2,1fr)!important;gap:0!important;margin-top:42px!important;padding-top:0!important;border:1px solid var(--border);border-radius:14px;overflow:hidden;}
  .stat{padding:22px 16px!important;border-right:1px solid rgba(0,200,180,.15);border-bottom:1px solid rgba(0,200,180,.15);}
  .stat-num{font-size:30px!important;}
  .stat-label{font-size:10px!important;letter-spacing:.6px;}
  .products-header,.ehastane-inner,.contact-inner,.two-col{grid-template-columns:1fr!important;gap:28px!important;}
  .product-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;}
  .filter-btn{flex:0 0 auto;}
  .products-grid,.services-grid,.why-grid,.spec-grid{grid-template-columns:1fr!important;}
  .product-card,.service-card,.why-card,.spec-card{padding:28px 22px!important;}
  .service-card.large{grid-column:span 1!important;grid-template-columns:1fr!important;gap:28px!important;}
  .mockup-row{grid-template-columns:1fr!important;}
  .dashboard-mockup,.interactive-map,.cta-band{max-width:100%;overflow:hidden;}
  .mockup-title{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .brands-row{gap:22px!important;}
  .footer-top{grid-template-columns:1fr!important;gap:28px!important;}
  .footer-bottom{padding-bottom:12px;}
  .page-hero{padding:118px 20px 54px!important;min-height:auto!important;overflow:hidden;}
  .page-hero h1{font-size:clamp(38px,12vw,56px)!important;line-height:1!important;letter-spacing:-1px!important;max-width:100%;overflow-wrap:break-word;}
  .page-hero p{font-size:16px;max-width:100%;}
  .product-table{display:block;overflow-x:auto;white-space:nowrap;}
  .sticky-bottom{display:grid!important;grid-template-columns:repeat(3,1fr);height:58px;}
  .sticky-bottom a{display:flex;align-items:center;justify-content:center;}
}

@media(max-width:380px){
  nav{padding-left:14px!important;padding-right:14px!important;}
  .logo{font-size:20px;max-width:160px;}
  .hamburger{width:46px;height:46px;}
  .hero h1{font-size:clamp(38px,13vw,50px)!important;}
  .hero-actions{grid-template-columns:1fr;}
}

/* V4 final completion */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}*,*:before,*:after{min-width:0}img{max-width:100%;height:auto;display:block}.hero,.page-hero,section,nav,footer{max-width:100vw;overflow-x:hidden}.logo{white-space:nowrap;max-width:48vw;overflow:hidden}.hero h1,.page-hero h1{overflow-wrap:break-word}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:46px}.hero>div:not(.hero-visual):not(.hero-grid):not(.hero-orb1):not(.hero-orb2),.hero>h1,.hero>p,.hero>.hero-actions,.hero>.hero-stats{grid-column:1}.hero-visual{grid-column:2;grid-row:1 / span 6;position:relative;z-index:2}.photo-card{position:relative;border:1px solid var(--border);background:rgba(0,200,180,.05);box-shadow:0 35px 90px rgba(0,0,0,.42);overflow:hidden;border-radius:24px}.photo-card img{width:100%;height:520px;object-fit:cover}.photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,13,31,.72))}.photo-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:var(--white);font-family:'Syne',sans-serif;font-weight:700;font-size:22px}.photo-caption small{display:block;margin-top:6px;color:var(--teal);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.home-content-pages{background:var(--navy2)}.content-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:46px}.content-page-card{border:1px solid var(--border);background:var(--card-bg);text-decoration:none;color:var(--text);overflow:hidden;transition:.25s}.content-page-card:hover{transform:translateY(-5px);background:rgba(0,200,180,.06)}.content-page-card img{height:150px;width:100%;object-fit:cover}.content-page-card div{padding:22px}.content-page-card h3{font-family:'Syne',sans-serif;color:var(--white);font-size:18px;margin-bottom:8px}.content-page-card p{font-size:13px;line-height:1.6;color:var(--text-dim)}.page-visual{margin-top:44px;max-width:980px}.page-visual img{width:100%;height:360px;object-fit:cover;border-radius:22px;border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.35)}.inline-photo{border:1px solid var(--border);border-radius:22px;overflow:hidden;background:var(--card-bg);margin-top:28px}.inline-photo img{width:100%;height:310px;object-fit:cover}.inline-photo figcaption{padding:16px 18px;color:var(--text-dim);font-size:13px;border-top:1px solid var(--border)}.lang-current:before{content:'🌐';margin-right:6px}.mobile-lang-toggle:before{content:'🌐 ';}.mobile-lang-list{display:none}.mobile-lang.open .mobile-lang-list{display:block}.mobile-lang-toggle{width:100%;padding:12px;background:rgba(0,200,180,.08);border:1px solid var(--border);color:var(--teal);text-align:left;margin-top:10px}.site-map-section{background:linear-gradient(135deg,var(--blue-deep),var(--navy))}.site-map-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.site-map-col{border:1px solid var(--border);background:rgba(255,255,255,.03);padding:24px}.site-map-col h3{font-family:'Syne',sans-serif;color:var(--white);margin-bottom:14px}.site-map-col a{display:block;color:var(--text);text-decoration:none;padding:8px 0;border-bottom:1px solid rgba(0,200,180,.07)}.site-map-col a:hover{color:var(--teal)}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-visual{grid-column:1;grid-row:auto}.photo-card img{height:360px}.content-page-grid{grid-template-columns:repeat(2,1fr)}.site-map-columns{grid-template-columns:1fr}}
@media(max-width:900px){nav{width:100%;left:0;right:0;padding:16px 20px!important}.logo{font-size:22px;max-width:58vw}.logo sub{font-size:8px}.hero{display:block;padding-left:24px!important;padding-right:24px!important}.hero h1{font-size:clamp(42px,15vw,64px)!important;line-height:1.02;letter-spacing:-1px;max-width:100%}.hero-desc{max-width:100%;font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-actions a{padding:14px 12px;text-align:center}.hero-visual{margin-top:34px}.photo-card{border-radius:18px}.photo-card img{height:280px}.hero-stats{width:100%;grid-template-columns:repeat(2,1fr)!important}.stat{padding:18px!important;border:1px solid var(--border);background:rgba(0,200,180,.03)}.stat-num{font-size:30px}.content-page-grid{grid-template-columns:1fr}.page-visual img{height:240px}.mobile-drawer{left:0!important;right:0!important;top:72px!important;width:100%!important;max-height:calc(100vh - 72px);overflow:auto;border-left:0;border-right:0}.section-title{font-size:clamp(30px,10vw,42px)}.form-row{grid-template-columns:1fr!important}}
@media(max-width:420px){.hero-actions{grid-template-columns:1fr}.hero h1{font-size:42px!important}.photo-card img{height:230px}}

/* V5 - gerçek banner/fotoğraf görünümü */
.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:42px;align-items:center;}
.page-hero .breadcrumb,.page-hero h1,.page-hero p{grid-column:1;}
.page-hero .page-visual{grid-column:2;grid-row:1 / span 4;margin-top:0;max-width:100%;}
.page-visual img,.photo-card img,.content-page-card img{filter:saturate(1.12) contrast(1.05);}
.page-visual img{height:430px;border-radius:26px;}
.page-visual:before{content:'BANNER';position:absolute;z-index:4;margin:18px;padding:7px 14px;border:1px solid rgba(0,229,204,.55);background:rgba(0,200,180,.14);color:var(--teal);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;}
.page-visual{position:relative;}
.photo-card:before{content:'FOTOĞRAF';position:absolute;top:18px;left:18px;z-index:5;padding:7px 14px;border:1px solid rgba(0,229,204,.55);background:rgba(0,200,180,.14);color:var(--teal);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;}
@media(max-width:1100px){.page-hero{grid-template-columns:1fr}.page-hero .page-visual{grid-column:1;grid-row:auto;margin-top:30px}.page-visual img{height:320px}}
@media(max-width:600px){.page-visual img{height:230px}.content-page-card img{height:180px}.photo-card img{height:260px}}


/* V6 Demo + Store */
.demo-redirect-note{margin-top:14px;font-size:13px;color:var(--text-dim);line-height:1.6}
.demo-form-card,.store-panel{background:rgba(9,20,40,.78);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.demo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start;margin-top:46px}
.demo-benefits{display:grid;gap:14px;margin-top:22px}.demo-benefit{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border);background:var(--glass);border-radius:12px}.demo-benefit b{color:var(--white)}
.store-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:34px 0 24px}.store-search{min-width:260px;flex:1;background:rgba(255,255,255,.03);border:1px solid var(--border);padding:14px 16px;color:var(--white);border-radius:12px}.store-cats{display:flex;gap:8px;flex-wrap:wrap}.store-cats button{border:1px solid var(--border);background:transparent;color:var(--text);padding:10px 14px;border-radius:999px;cursor:pointer}.store-cats button.active,.store-cats button:hover{background:var(--teal);color:var(--navy)}
.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.store-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:.25s}.store-card:hover{transform:translateY(-4px);border-color:var(--teal)}.store-card img{width:100%;height:190px;object-fit:cover;display:block}.store-card-body{padding:22px}.store-card small{font-family:'JetBrains Mono',monospace;color:var(--teal);letter-spacing:1px;text-transform:uppercase}.store-card h3{font-family:'Syne',sans-serif;color:var(--white);font-size:20px;margin:10px 0}.store-card p{font-size:14px;line-height:1.6;color:var(--text-dim)}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}.price{color:var(--white);font-weight:800;font-size:18px}.mini-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--teal);color:var(--teal);text-decoration:none;padding:10px 14px;border-radius:10px;font-size:13px}.mini-btn:hover{background:var(--teal);color:var(--navy)}
.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:36px;border:1px solid var(--border);border-radius:18px;overflow:hidden}.quick-strip a{padding:22px;background:rgba(0,200,180,.05);text-decoration:none;color:var(--text);border-right:1px solid var(--border)}.quick-strip a:last-child{border-right:0}.quick-strip b{display:block;color:var(--white);font-family:'Syne',sans-serif;margin-bottom:6px}
@media(max-width:900px){.demo-grid,.store-grid{grid-template-columns:1fr}.store-toolbar{display:block}.store-search{width:100%;min-width:0;margin-bottom:12px}.quick-strip{grid-template-columns:1fr}.quick-strip a{border-right:0;border-bottom:1px solid var(--border)}}

/* VALDEA V7 FULL COMPLETION */
.mega-panel.wide{min-width:900px;grid-template-columns:repeat(4,1fr)}
.portal-form{border:1px solid var(--border);background:rgba(255,255,255,.035);padding:28px;border-radius:18px;max-width:820px;margin:auto}
.portal-dashboard{max-width:880px;margin:auto}
.spec-grid .spec-card{min-height:150px}
.mobile-drawer{max-width:100vw;overflow-x:hidden}
.nav-links{min-width:0}.nav-links>li{flex-shrink:0}
@media(max-width:1320px){.nav-links a{font-size:10.8px}.nav-links{gap:8px}.logo{font-size:22px}.nav-cta{padding:8px 12px}}
@media(max-width:1100px){.nav-links,.nav-cta{display:none!important}.hamburger{display:block!important}}
@media(max-width:900px){.mega-panel.wide{min-width:auto}.portal-form{padding:18px}.spec-grid{grid-template-columns:1fr!important}.mobile-drawer.open{display:block!important;transform:translateX(0)}.mobile-drawer{position:fixed;top:68px;left:0;right:0;bottom:0;background:rgba(5,13,31,.98);z-index:999;padding:14px 20px;overflow-y:auto;display:none}.mobile-drawer a{display:block;padding:12px;color:var(--text);text-decoration:none;border-bottom:1px solid rgba(0,200,180,.08)}}