:root{
    --navy:#0D1B3D;
    --navy-2:#0A1530;
    --navy-light:#1a2d54;
    --blue:#156DB5;
    --blue-l:#4A93D1;
    --teal:#00A99D;
    --teal-l:#7ED3B2;
    --mist:#F2F7FA;
    --white:#FFFFFF;
    --ink-soft:rgba(13,27,61,0.62);
    --ink-faint:rgba(13,27,61,0.38);
    --line:rgba(13,27,61,0.10);
    --line-on-navy:rgba(255,255,255,0.14);
    --radius:14px;
    --ease:cubic-bezier(.22,.7,.24,1);
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter',sans-serif;
    background:var(--mist);
    color:var(--navy);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  .mono{font-family:'IBM Plex Mono',monospace;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  ul{list-style:none;}
  section{position:relative;}
  .wrap{max-width:1280px;margin:0 auto;padding:0 40px;}
  @media(max-width:720px){.wrap{padding:0 22px;}}
  @media(max-width:400px){.wrap{padding:0 16px;}}

  ::selection{background:var(--teal);color:var(--white);}

  /* ---------- NAV ---------- */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:16px 0;
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
  nav.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;}

  .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;}
  .brand-logo{
    width:42px;height:42px;
    display:flex;align-items:center;justify-content:center;
  }
  .brand-logo img{width:100%;height:100%;object-fit:contain;}
  .brand-text{display:flex;flex-direction:column;line-height:1.2;}
  .brand-text strong{color:var(--navy);font-size:16px;letter-spacing:-0.01em;}
  .brand-text small{font-size:10px;color:var(--ink-faint);font-weight:500;letter-spacing:0.06em;text-transform:uppercase;}

  .nav-links{display:flex;align-items:center;gap:32px;}
  .nav-links a{font-size:14px;font-weight:600;color:var(--ink-soft);transition:color .2s;}
  .nav-links a:hover{color:var(--navy);}
  .nav-links a.nav-cta{
    background:linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);
    color:#fff;font-size:13px;font-weight:700;
    padding:11px 22px;border-radius:8px;
    transition:transform .25s,box-shadow .25s;
  }
  .nav-links a.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px rgba(13,27,61,0.4);color:#fff;}

  .nav-toggle{display:none;}
  @media(max-width:900px){
    .nav-links{
      display:none;
      position:absolute;
      top:100%;
      left:0;
      right:0;
      background:var(--white);
      flex-direction:column;
      padding:20px 40px;
      gap:0;
      border-bottom:1px solid var(--line);
      box-shadow:0 8px 24px rgba(0,0,0,0.08);
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:14px 0;border-bottom:1px solid var(--line);}
    .nav-links a:last-child{border-bottom:none;}
    .nav-links a.nav-cta{margin:16px 0 0;text-align:center;}
    .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;}
    .nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:all 0.3s var(--ease);}
    .nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
    .nav-toggle.active span:nth-child(2){opacity:0;}
    .nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
  }

  /* ---------- BREADCRUMB ---------- */
  .breadcrumb{
    padding:100px 0 20px;
    background:var(--white);
  }
  .breadcrumb-nav{
    display:flex;align-items:center;gap:8px;
    font-size:13px;color:var(--ink-faint);
  }
  .breadcrumb-nav a{color:var(--ink-soft);transition:color .2s;}
  .breadcrumb-nav a:hover{color:var(--teal);}
  .breadcrumb-nav span{color:var(--navy);font-weight:600;}

  /* ---------- HERO ---------- */
  .hero{
    padding:40px 0 80px;
    background:var(--white);
  }
  .hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
  }
  @media(max-width:900px){
    .hero-grid{grid-template-columns:1fr;gap:40px;}
  }
  @media(max-width:600px){
    .hero{padding:20px 0 50px;}
    .hero-grid{gap:30px;}
    .hero p{font-size:15px;margin-bottom:20px;}
    .hero-visual{padding:24px;border-radius:20px;}
    .hero-visual::before{width:200px;height:200px;top:-80px;right:-60px;}
    .hero-visual::after{width:150px;height:150px;bottom:-60px;left:-40px;}
    .hero-visual-inner{gap:12px;}
    .hero-product{padding:20px 16px;border-radius:14px;}
    .hero-product .icon{width:44px;height:44px;margin-bottom:12px;border-radius:12px;}
    .hero-product .icon img{width:28px;height:28px;}
    .hero-product h4{font-size:14px;margin-bottom:4px;}
    .hero-product p{font-size:11px;}
    .btn{padding:14px 24px;font-size:13px;border-radius:10px;}
  }
  @media(max-width:400px){
    .hero-visual{padding:16px;border-radius:16px;}
    .hero-visual-inner{flex-direction:column;gap:10px;}
    .hero-product{padding:16px 14px;border-radius:12px;}
    .btn{padding:12px 20px;font-size:12px;width:100%;justify-content:center;}
    .btn-outline{margin-left:0 !important;}
    .hero-content > div{display:flex;flex-direction:column;gap:10px;}
  }

  .hero-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:linear-gradient(135deg, rgba(21,109,181,0.1), rgba(0,169,157,0.1));
    color:var(--blue);
    font-size:12px;font-weight:600;
    padding:8px 16px;border-radius:100px;
    margin-bottom:20px;
    letter-spacing:0.02em;
  }

  .hero h1{
    font-size:clamp(32px,4.5vw,48px);
    font-weight:800;
    line-height:1.1;
    letter-spacing:-0.03em;
    margin-bottom:20px;
    color:var(--navy);
  }
  /* Gundi: Blau & Teal Healthcare-Farben */
  .hero h1 span{
    background:linear-gradient(90deg, #156DB5, #4A93D1, #00A99D, #7ED3B2, #156DB5);
    background-size:200% auto;
    -webkit-background-clip:text;background-clip:text;color:transparent;
    animation:gradientFlow 5s linear infinite;
  }
  @keyframes gradientFlow{
    from{background-position:0% center;}
    to{background-position:-200% center;}
  }
  @keyframes floatMockup{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-8px);}
  }
  @keyframes fadeInUp{
    from{opacity:0;transform:translateY(30px);}
    to{opacity:1;transform:translateY(0);}
  }
  .hero p{
    font-size:clamp(14px, 2.5vw, 17px);
    color:var(--ink-soft);
    line-height:1.7;
    margin-bottom:clamp(16px, 4vw, 28px);
  }

  .hero-visual{
    background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 60%, var(--navy-2) 100%);
    border-radius:clamp(16px, 4vw, 28px);
    padding:clamp(16px, 5vw, 48px);
    position:relative;
    overflow:hidden;
    box-shadow:0 24px 64px -16px rgba(13,27,61,0.4);
  }
  .hero-visual::before{
    content:'';position:absolute;
    width:clamp(150px, 40vw, 400px);height:clamp(150px, 40vw, 400px);
    background:radial-gradient(circle,rgba(0,169,157,0.25),transparent 60%);
    top:-15%;right:-10%;
    animation:floatBubble 10s ease-in-out infinite;
  }
  .hero-visual::after{
    content:'';position:absolute;
    width:clamp(100px, 25vw, 250px);height:clamp(100px, 25vw, 250px);
    background:radial-gradient(circle,rgba(21,109,181,0.2),transparent 60%);
    bottom:-10%;left:-5%;
    animation:floatBubble 8s ease-in-out infinite reverse;
  }
  .hero-visual-inner{
    display:flex;
    flex-wrap:wrap;
    gap:clamp(10px, 3vw, 24px);
    position:relative;
  }
  .hero-product{
    flex:1 1 clamp(120px, 40%, 200px);
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:clamp(12px, 2.5vw, 20px);
    padding:clamp(14px, 4vw, 32px) clamp(12px, 3vw, 24px);
    text-align:center;
    transition:all .3s var(--ease);
    backdrop-filter:blur(8px);
    text-decoration:none;
    cursor:pointer;
  }
  .hero-product:hover{
    background:rgba(255,255,255,0.1);
    transform:translateY(-6px) scale(1.03);
    border-color:rgba(255,255,255,0.2);
    box-shadow:0 20px 40px -10px rgba(0,0,0,0.3);
  }
  .hero-product .icon{
    width:clamp(40px, 8vw, 56px);height:clamp(40px, 8vw, 56px);
    margin:0 auto clamp(10px, 2vw, 16px);
    background:rgba(255,255,255,0.1);
    border-radius:clamp(10px, 2vw, 16px);
    display:flex;align-items:center;justify-content:center;
    transition:transform .3s var(--ease);
  }
  .hero-product:hover .icon{transform:scale(1.1);}
  .hero-product .icon svg{width:clamp(20px, 4vw, 28px);height:clamp(20px, 4vw, 28px);stroke:var(--teal-l);}
  .hero-product .icon img{width:clamp(24px, 5vw, 36px);height:clamp(24px, 5vw, 36px);object-fit:contain;}
  .hero-product h4{color:white;font-size:clamp(13px, 2vw, 16px);font-weight:700;margin-bottom:4px;}
  .hero-product p{color:rgba(255,255,255,0.6);font-size:clamp(10px, 1.5vw, 12px);margin:0;}

  .btn{
    display:inline-flex;align-items:center;gap:clamp(6px, 1.5vw, 10px);
    padding:clamp(12px, 2vw, 16px) clamp(20px, 4vw, 32px);
    border-radius:clamp(8px, 1.5vw, 12px);font-weight:700;
    font-size:clamp(12px, 1.8vw, 14px);
    transition:all .3s var(--ease);cursor:pointer;border:none;
    position:relative;overflow:hidden;
  }
  .btn::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,0.2) 0%, transparent 50%);
    pointer-events:none;
  }
  .btn-primary{
    background:linear-gradient(135deg, var(--blue) 0%, var(--teal) 100%);
    color:#fff;
    box-shadow:0 8px 24px -8px rgba(0,169,157,0.5);
  }
  .btn-primary:hover{
    transform:translateY(-4px) scale(1.03);
    box-shadow:0 18px 40px -10px rgba(0,169,157,0.6);
  }
  .btn-outline{
    background:transparent;color:var(--navy);
    border:2px solid var(--line);margin-left:14px;
  }
  @media(max-width:600px){
    .btn-outline{margin-left:0;}
  }
  .btn-outline:hover{
    border-color:var(--navy);
    background:rgba(13,27,61,0.04);
    transform:translateY(-2px);
  }
  .btn svg{width:16px;height:16px;transition:transform .3s var(--ease);}
  .btn:hover svg{transform:translateX(3px);}

  /* ---------- PRODUCTS SECTION ---------- */
  .products{
    padding:140px 0;
    background:linear-gradient(180deg, var(--white) 0%, var(--mist) 15%, var(--mist) 85%, var(--white) 100%);
    position:relative;
    overflow:hidden;
  }
  .products::before{
    content:'';
    position:absolute;
    width:800px;height:800px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(0,169,157,0.06) 0%, transparent 60%);
    top:-300px;left:-300px;
    pointer-events:none;
    animation:floatBubble 20s ease-in-out infinite;
  }
  .products::after{
    content:'';
    position:absolute;
    width:600px;height:600px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(21,109,181,0.05) 0%, transparent 60%);
    bottom:-200px;right:-200px;
    pointer-events:none;
    animation:floatBubble 25s ease-in-out infinite reverse;
  }
  .sec-header{text-align:center;margin-bottom:80px;position:relative;z-index:1;}
  .sec-header .eyebrow{
    display:inline-block;
    font-size:11px;font-weight:700;
    color:var(--teal);
    letter-spacing:0.14em;
    text-transform:uppercase;
    margin-bottom:24px;
    padding:10px 20px;
    background:linear-gradient(135deg, rgba(0,169,157,0.1), rgba(126,211,178,0.06));
    border-radius:100px;
    border:1px solid rgba(0,169,157,0.15);
  }
  .sec-header h2{
    font-size:clamp(32px,5vw,50px);
    font-weight:800;
    letter-spacing:-0.03em;
    margin-bottom:24px;
    color:var(--navy);
    line-height:1.15;
  }
  .sec-header p{
    font-size:18px;
    color:var(--ink-soft);
    max-width:660px;
    margin:0 auto;
    line-height:1.7;
  }
  @media(max-width:600px){
    .sec-header{margin-bottom:40px;}
    .sec-header p{font-size:15px;}
    .products,.advantages,.vision,.integration{padding:60px 0;}
    .product-info,.product-visual{padding:28px;}
    .product-showcase{margin-bottom:60px;padding:40px 0;}
    .showcase-header{margin-bottom:36px;}
    .showcase-title-row{gap:12px;flex-wrap:wrap;justify-content:center;}
    .showcase-logo{width:52px;height:52px;}
    .showcase-subtitle{font-size:13px;margin-bottom:16px;}
    .showcase-desc{font-size:15px;}
    .showcase-deploy{gap:8px;margin-top:20px;}
    .deploy-tag{padding:8px 12px;font-size:11px;}
    .module-tag{padding:8px 14px;font-size:10px;}
  }
  @media(max-width:400px){
    .showcase-title-row{flex-direction:column;gap:8px;}
    .showcase-logo{width:48px;height:48px;}
    .deploy-tag{padding:6px 10px;font-size:10px;flex:1 1 auto;justify-content:center;}
  }

  /* Product Showcase - New Layout */
  .product-showcase{
    margin-bottom:120px;
    position:relative;
    z-index:1;
    padding:60px 0;
  }
  .product-showcase::before{
    content:'';
    position:absolute;
    top:0;left:50%;transform:translateX(-50%);
    width:100vw;height:100%;
    background:linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.5) 80%, transparent 100%);
    pointer-events:none;
    z-index:-1;
  }

  .showcase-header{
    text-align:center;
    max-width:680px;
    margin:0 auto 56px;
  }
  .module-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:11px;font-weight:700;
    padding:10px 20px;border-radius:100px;
    margin-bottom:24px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    box-shadow:0 4px 12px -4px rgba(0,0,0,0.1);
  }
  .product-showcase.ris .module-tag{
    background:linear-gradient(135deg, rgba(0,169,157,0.15), rgba(126,211,178,0.1));
    color:var(--teal);
    border:1px solid rgba(0,169,157,0.2);
  }
  .product-showcase.pacs .module-tag{
    background:linear-gradient(135deg, rgba(21,109,181,0.15), rgba(74,147,209,0.1));
    color:var(--blue);
    border:1px solid rgba(21,109,181,0.2);
  }

  .showcase-title-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-bottom:16px;
  }
  .showcase-logo{
    width:72px;
    height:72px;
    object-fit:contain;
    flex-shrink:0;
  }
  .showcase-header h3{
    font-size:clamp(38px,5vw,56px);font-weight:800;
    margin:0;color:var(--navy);
    letter-spacing:-0.03em;
    line-height:1.1;
  }
  .showcase-header h3 span{
    background:linear-gradient(135deg, var(--blue) 0%, var(--teal) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .product-showcase.ris .showcase-header h3 span{
    background:linear-gradient(135deg, var(--teal) 0%, var(--teal-l) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .showcase-subtitle{
    font-size:15px;font-weight:600;
    color:var(--ink-faint);
    margin-bottom:20px;
    letter-spacing:0.04em;
    text-transform:uppercase;
  }
  .showcase-desc{
    font-size:18px;
    color:var(--ink-soft);
    line-height:1.75;
    margin:0;
  }
  .showcase-desc strong{
    color:var(--navy);
    font-weight:600;
  }

  /* Deploy Tags */
  .showcase-deploy{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-top:24px;
  }
  .deploy-tag{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:10px 16px;
    background:rgba(13,27,61,0.06);
    border-radius:10px;
    font-size:13px;
    font-weight:500;
    color:var(--navy);
    transition:all 0.2s var(--ease);
  }
  .deploy-tag svg{opacity:0.8;}
  .deploy-tag.cloud{background:linear-gradient(135deg,rgba(21,109,181,0.12),rgba(0,169,157,0.12));color:var(--blue);}
  .deploy-tag.cloud svg{stroke:var(--blue);}
  .deploy-tag.local{background:rgba(0,169,157,0.1);color:var(--teal);}
  .deploy-tag.local svg{stroke:var(--teal);}
  .deploy-tag.os{background:rgba(13,27,61,0.08);color:var(--navy-light);}
  .deploy-tag.coming{
    background:rgba(13,27,61,0.06);
    border:1px dashed rgba(13,27,61,0.2);
    color:var(--ink-soft);
    opacity:0.7;
  }
  .deploy-tag.coming svg{stroke:var(--ink-soft);opacity:0.5;}
  .deploy-tag.cloud.coming{
    background:linear-gradient(135deg,rgba(21,109,181,0.08),rgba(0,169,157,0.08));
    border:1px dashed rgba(21,109,181,0.3);
    color:var(--blue);
    opacity:0.85;
  }
  .deploy-tag.cloud.coming svg{stroke:var(--blue);opacity:0.6;}
  .deploy-tag.cloud.coming::after{
    content:"soon";
    font-size:9px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.5px;
    background:var(--blue);
    color:white;
    padding:2px 5px;
    border-radius:4px;
    margin-left:4px;
  }
  @media(max-width:720px){
    .showcase-deploy{gap:8px;}
    .deploy-tag{padding:8px 12px;font-size:12px;}
  }

  /* Coming Soon Module */
  .product-showcase.coming-soon{
    position:relative;
    background:linear-gradient(145deg,var(--mist) 0%,rgba(21,109,181,0.04) 50%,rgba(107,79,207,0.04) 100%);
    border-radius:var(--radius);
    padding:56px 48px;
    margin-top:64px;
    overflow:hidden;
  }
  .coming-soon-bubbles{
    position:absolute;
    inset:-50px;
    pointer-events:none;
    z-index:5;
  }
  .cs-bubble{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:0.6;
    animation:floatBubbleSlow 25s ease-in-out infinite;
  }
  .cs-bubble.cs1{
    width:300px;height:300px;
    top:-5%;left:0%;
    background:radial-gradient(circle,rgba(107,79,207,0.4) 0%,rgba(107,79,207,0.1) 50%,transparent 70%);
    animation-delay:0s;
  }
  .cs-bubble.cs2{
    width:280px;height:280px;
    top:5%;right:5%;
    background:radial-gradient(circle,rgba(21,109,181,0.35) 0%,rgba(21,109,181,0.1) 50%,transparent 70%);
    animation-delay:-8s;
  }
  .cs-bubble.cs3{
    width:320px;height:320px;
    bottom:-10%;left:25%;
    background:radial-gradient(circle,rgba(0,169,157,0.35) 0%,rgba(0,169,157,0.1) 50%,transparent 70%);
    animation-delay:-16s;
  }
  .coming-soon-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
    z-index:10;
    background:radial-gradient(ellipse at center,rgba(242,247,250,0.5) 0%,rgba(242,247,250,0.3) 100%);
  }
  .coming-soon-overlay .coming-badge{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    background:linear-gradient(135deg,var(--blue) 0%,var(--teal) 100%);
    color:white;
    padding:14px 28px;
    border-radius:12px;
    box-shadow:0 8px 32px -8px rgba(21,109,181,0.4);
  }
  .coming-soon-overlay p{
    font-size:15px;
    color:var(--ink-soft);
    font-weight:500;
  }
  .coming-soon-content{
    filter:blur(6px);
    opacity:0.4;
    user-select:none;
    pointer-events:none;
  }
  .product-showcase.coming-soon .showcase-header{
    max-width:700px;
    margin:0 auto;
  }
  .showcase-logo-placeholder{
    width:48px;height:48px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(21,109,181,0.1);
    border-radius:12px;
    color:var(--blue);
    opacity:0.6;
  }
  .showcase-logo-placeholder svg{width:28px;height:28px;}
  .showcase-title-row{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
  }
  .coming-soon-features{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px;
    margin-top:32px;
    padding-top:32px;
    border-top:1px solid var(--line);
  }
  .csf-item{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    background:rgba(255,255,255,0.6);
    border-radius:8px;
    font-size:13px;
    font-weight:500;
    color:var(--ink-soft);
  }
  .csf-item svg{width:18px;height:18px;stroke:var(--blue);opacity:0.7;}
  @media(max-width:720px){
    .product-showcase.coming-soon{padding:40px 24px;}
    .coming-soon-overlay .coming-badge{font-size:12px;padding:12px 20px;}
    .coming-soon-features{gap:10px;}
    .csf-item{padding:8px 12px;font-size:12px;}
  }

  /* Mockup Container */
  .showcase-mockup{
    position:relative;
    max-width:1200px;
    margin:0 auto clamp(24px, 6vw, 56px);
    padding:clamp(12px, 5vw, 48px);
  }
  .mockup-glow{
    position:absolute;
    inset:-20%;
    border-radius:50%;
    filter:blur(100px);
    opacity:0.35;
    pointer-events:none;
    animation:pulseGlow 8s ease-in-out infinite;
  }
  @keyframes pulseGlow{
    0%,100%{opacity:0.35;transform:scale(1);}
    50%{opacity:0.5;transform:scale(1.05);}
  }
  .mockup-glow.ris{
    background:radial-gradient(ellipse at center, var(--teal) 0%, rgba(0,169,157,0.3) 40%, transparent 70%);
  }
  .mockup-glow.pacs{
    background:radial-gradient(ellipse at center, var(--blue) 0%, rgba(21,109,181,0.3) 40%, transparent 70%);
  }

  /* Decorative Bubbles */
  .mockup-bubbles{
    position:absolute;
    inset:-20px;
    pointer-events:none;
    overflow:visible;
  }
  .bubble{
    position:absolute;
    border-radius:50%;
    animation:floatBubble 10s ease-in-out infinite;
    backdrop-filter:blur(2px);
  }
  .product-showcase.ris .bubble{
    background:radial-gradient(circle at 30% 30%, rgba(0,169,157,0.25), rgba(126,211,178,0.08));
    box-shadow:0 8px 32px -8px rgba(0,169,157,0.2);
  }
  .product-showcase.pacs .bubble{
    background:radial-gradient(circle at 30% 30%, rgba(21,109,181,0.25), rgba(74,147,209,0.08));
    box-shadow:0 8px 32px -8px rgba(21,109,181,0.2);
  }
  .bubble.b1{width:clamp(60px, 12vw, 140px);height:clamp(60px, 12vw, 140px);top:-5%;left:3%;animation-delay:0s;}
  .bubble.b2{width:clamp(50px, 10vw, 100px);height:clamp(50px, 10vw, 100px);bottom:8%;right:0%;animation-delay:-3s;}
  .bubble.b3{width:clamp(35px, 7vw, 70px);height:clamp(35px, 7vw, 70px);top:25%;right:5%;animation-delay:-5s;}
  .bubble.b4{width:clamp(30px, 5vw, 50px);height:clamp(30px, 5vw, 50px);bottom:30%;left:8%;animation-delay:-7s;display:none;}
  @media(min-width:800px){.bubble.b4{display:block;}}

  @keyframes floatBubble{
    0%,100%{transform:translateY(0) scale(1) rotate(0deg);}
    50%{transform:translateY(-25px) scale(1.08) rotate(5deg);}
  }

  /* Content Area Bubbles */
  .showcase-content-area{
    position:relative;
  }
  .content-bubbles{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
  }
  .showcase-features-grid,
  .showcase-highlights,
  .showcase-details{
    position:relative;
    z-index:1;
  }
  .cbubble{
    position:absolute;
    border-radius:50%;
    filter:blur(60px);
    opacity:0.4;
    animation:floatBubbleSlow 18s ease-in-out infinite;
  }
  .product-showcase.ris .cbubble{
    background:radial-gradient(circle, rgba(0,169,157,0.35), rgba(126,211,178,0.1));
  }
  .product-showcase.pacs .cbubble{
    background:radial-gradient(circle, rgba(21,109,181,0.35), rgba(74,147,209,0.1));
  }
  .cbubble.c1{width:280px;height:280px;top:10%;left:15%;animation-delay:0s;}
  .cbubble.c2{width:220px;height:220px;top:45%;right:20%;animation-delay:-5s;}
  .cbubble.c3{width:200px;height:200px;bottom:15%;left:35%;animation-delay:-10s;}
  .cbubble.c4,.cbubble.c5{display:none;}
  @keyframes floatBubbleSlow{
    0%,100%{transform:translateY(0) translateX(0) scale(1);}
    50%{transform:translateY(-20px) translateX(10px) scale(1.05);}
  }

  .showcase-mockup .software-mockup{
    position:relative;
    z-index:2;
    margin:0 auto;
  }

  /* Feature Pills */
  .showcase-features{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-bottom:48px;
  }
  .feature-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 20px;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:100px;
    font-size:13px;
    font-weight:600;
    color:var(--navy);
    transition:all .25s var(--ease);
  }
  .feature-pill:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px -8px rgba(13,27,61,0.15);
  }
  .feature-pill svg{
    width:18px;height:18px;
  }
  .product-showcase.ris .feature-pill svg{stroke:var(--teal);}
  .product-showcase.pacs .feature-pill svg{stroke:var(--blue);}

  /* Feature Grid with descriptions */
  .showcase-features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    max-width:940px;
    margin:0 auto 56px;
  }
  @media(max-width:800px){.showcase-features-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:500px){.showcase-features-grid{grid-template-columns:1fr;}}

  .showcase-features-grid .feature-item{
    background:var(--white);
    border-radius:20px;
    padding:24px;
    display:flex;
    align-items:flex-start;
    gap:16px;
    border:1px solid var(--line);
    transition:all .3s var(--ease);
    position:relative;
    overflow:hidden;
  }
  .showcase-features-grid .feature-item::after{
    content:'';
    position:absolute;
    top:0;left:0;
    width:3px;height:0;
    transition:height .3s var(--ease);
    border-radius:0 2px 2px 0;
  }
  .product-showcase.ris .showcase-features-grid .feature-item::after{
    background:linear-gradient(180deg, var(--teal), var(--teal-l));
  }
  .product-showcase.pacs .showcase-features-grid .feature-item::after{
    background:linear-gradient(180deg, var(--blue), var(--blue-l));
  }
  .showcase-features-grid .feature-item:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 20px 48px -12px rgba(13,27,61,0.15);
    border-color:transparent;
  }
  .showcase-features-grid .feature-item:hover::after{
    height:100%;
  }
  .showcase-features-grid .feature-item .icon{
    width:48px;height:48px;min-width:48px;
    border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    transition:transform .3s var(--ease);
  }
  .showcase-features-grid .feature-item:hover .icon{
    transform:scale(1.1);
  }
  .product-showcase.ris .showcase-features-grid .feature-item .icon{
    background:linear-gradient(135deg, rgba(0,169,157,0.12), rgba(126,211,178,0.08));
  }
  .product-showcase.pacs .showcase-features-grid .feature-item .icon{
    background:linear-gradient(135deg, rgba(21,109,181,0.12), rgba(74,147,209,0.08));
  }
  .showcase-features-grid .feature-item .icon svg{width:22px;height:22px;}
  .product-showcase.ris .showcase-features-grid .feature-item .icon svg{stroke:var(--teal);}
  .product-showcase.pacs .showcase-features-grid .feature-item .icon svg{stroke:var(--blue);}
  .showcase-features-grid .feature-item h5{
    font-size:15px;font-weight:700;margin-bottom:4px;
    color:var(--navy);
  }
  .showcase-features-grid .feature-item span{
    font-size:13px;color:var(--ink-soft);line-height:1.5;display:block;
  }

  /* Highlight Cards */
  .showcase-highlights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width:940px;
    margin:0 auto 48px;
    position:relative;
  }
  .showcase-highlights::before{
    content:'';position:absolute;
    width:100px;height:100px;
    border-radius:50%;
    filter:blur(35px);
    opacity:0.45;
    pointer-events:none;
    bottom:-40px;left:25%;
    z-index:-1;
  }
  .showcase-highlights::after{
    content:'';position:absolute;
    width:80px;height:80px;
    border-radius:50%;
    filter:blur(30px);
    opacity:0.4;
    pointer-events:none;
    bottom:-35px;right:20%;
    z-index:-1;
  }
  .product-showcase.ris .showcase-highlights::before{
    background:var(--teal);
  }
  .product-showcase.ris .showcase-highlights::after{
    background:var(--teal-l);
  }
  .product-showcase.pacs .showcase-highlights::before{
    background:var(--blue);
  }
  .product-showcase.pacs .showcase-highlights::after{
    background:var(--blue-l);
  }
  @media(max-width:800px){.showcase-highlights{grid-template-columns:1fr;}}

  .highlight-card{
    background:var(--white);
    border-radius:24px;
    padding:32px 28px;
    text-align:center;
    border:1px solid var(--line);
    transition:all .35s var(--ease);
    position:relative;
    overflow:hidden;
  }
  .highlight-card::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:3px;
    opacity:0;
    transition:opacity .35s var(--ease);
  }
  .product-showcase.ris .highlight-card::before{
    background:linear-gradient(90deg, var(--teal), var(--teal-l));
  }
  .product-showcase.pacs .highlight-card::before{
    background:linear-gradient(90deg, var(--blue), var(--blue-l));
  }
  .highlight-card:hover{
    transform:translateY(-8px) scale(1.03);
    box-shadow:0 24px 56px -15px rgba(13,27,61,0.2);
    border-color:transparent;
  }
  .highlight-card:hover::before{
    opacity:1;
  }
  .highlight-icon{
    width:64px;height:64px;
    margin:0 auto 20px;
    border-radius:18px;
    display:flex;align-items:center;justify-content:center;
    transition:transform .35s var(--ease);
  }
  .highlight-card:hover .highlight-icon{
    transform:scale(1.1);
  }
  .product-showcase.ris .highlight-icon{
    background:linear-gradient(135deg, rgba(0,169,157,0.12), rgba(126,211,178,0.08));
  }
  .product-showcase.pacs .highlight-icon{
    background:linear-gradient(135deg, rgba(21,109,181,0.12), rgba(74,147,209,0.08));
  }
  .highlight-icon svg{width:30px;height:30px;}
  .product-showcase.ris .highlight-icon svg{stroke:var(--teal);}
  .product-showcase.pacs .highlight-icon svg{stroke:var(--blue);}
  .highlight-card h5{
    font-size:17px;font-weight:700;
    color:var(--navy);margin-bottom:10px;
  }
  .highlight-card p{
    font-size:14px;color:var(--ink-soft);
    line-height:1.6;margin:0;
  }

  @media(max-width:600px){
    .showcase-mockup{padding:20px;}
    .bubble.b1{width:80px;height:80px;}
    .bubble.b2{width:50px;height:50px;}
    .bubble.b3{width:40px;height:40px;}
    .feature-pill{padding:10px 16px;font-size:12px;}
  }

  /* Showcase Details Grid */
  .showcase-details{
    max-width:980px;
    margin:56px auto 0;
    padding:44px 48px;
    background:linear-gradient(180deg, var(--white) 0%, var(--mist) 100%);
    border-radius:28px;
    border:1px solid var(--line);
    box-shadow:0 8px 32px -12px rgba(13,27,61,0.08);
    position:relative;
  }
  .showcase-details::before{
    content:'';position:absolute;
    width:120px;height:120px;
    border-radius:50%;
    filter:blur(40px);
    opacity:0.5;
    pointer-events:none;
    top:-40px;right:10%;
    z-index:-1;
  }
  .showcase-details::after{
    content:'';position:absolute;
    width:100px;height:100px;
    border-radius:50%;
    filter:blur(35px);
    opacity:0.4;
    pointer-events:none;
    bottom:-30px;left:15%;
    z-index:-1;
  }
  .product-showcase.ris .showcase-details::before{
    background:var(--teal);
  }
  .product-showcase.ris .showcase-details::after{
    background:var(--teal-l);
  }
  .product-showcase.pacs .showcase-details::before{
    background:var(--blue);
  }
  .product-showcase.pacs .showcase-details::after{
    background:var(--blue-l);
  }
  .showcase-details h4{
    font-size:19px;font-weight:700;
    color:var(--navy);margin-bottom:28px;
    display:flex;align-items:center;gap:14px;
    padding-bottom:20px;
    border-bottom:1px solid var(--line);
  }
  .showcase-details h4 svg{width:24px;height:24px;}
  .product-showcase.ris .showcase-details h4 svg{stroke:var(--teal);}
  .product-showcase.pacs .showcase-details h4 svg{stroke:var(--blue);}

  .showcase-details .details-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px 32px;
  }
  @media(max-width:800px){.showcase-details .details-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:500px){.showcase-details .details-grid{grid-template-columns:1fr;}}

  .showcase-details .detail-item{
    display:flex;align-items:flex-start;gap:14px;
    padding:12px 16px;
    border-radius:12px;
    transition:background .2s;
  }
  .showcase-details .detail-item:hover{
    background:rgba(255,255,255,0.8);
  }
  .detail-dot{
    width:10px;height:10px;min-width:10px;
    border-radius:50%;margin-top:5px;
    box-shadow:0 2px 8px -2px currentColor;
  }
  .product-showcase.ris .detail-dot{background:var(--teal);box-shadow:0 2px 8px -2px rgba(0,169,157,0.5);}
  .product-showcase.pacs .detail-dot{background:var(--blue);box-shadow:0 2px 8px -2px rgba(21,109,181,0.5);}
  .showcase-details .detail-item p{
    font-size:14px;color:var(--ink-soft);
    line-height:1.55;margin:0;
  }
  .showcase-details .detail-item strong{color:var(--navy);font-weight:600;}

  /* Module Divider */
  .module-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:32px;
    margin:100px 0;
    position:relative;
  }
  .divider-line{
    flex:1;
    max-width:240px;
    height:1px;
    background:linear-gradient(90deg, transparent 0%, var(--line) 30%, var(--line) 70%, transparent 100%);
    border-radius:1px;
  }
  .divider-icon{
    width:72px;height:72px;
    background:linear-gradient(135deg, var(--white) 0%, var(--mist) 100%);
    border:2px solid var(--line);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    position:relative;
    box-shadow:0 8px 32px -8px rgba(13,27,61,0.1);
    transition:all .4s var(--ease);
  }
  .divider-icon:hover{
    transform:scale(1.1) rotate(90deg);
    border-color:var(--teal);
  }
  .divider-icon::before{
    content:'';
    position:absolute;
    inset:-10px;
    border-radius:50%;
    background:linear-gradient(135deg, rgba(0,169,157,0.08), rgba(21,109,181,0.08));
    z-index:-1;
    animation:pulseRing 4s ease-in-out infinite;
  }
  @keyframes pulseRing{
    0%,100%{transform:scale(1);opacity:1;}
    50%{transform:scale(1.15);opacity:0.5;}
  }
  .divider-icon svg{
    width:28px;height:28px;
    stroke:var(--ink-soft);
    transition:stroke .3s;
  }
  .divider-icon:hover svg{
    stroke:var(--teal);
  }
  .divider-icon.pacs:hover{
    border-color:var(--blue);
  }
  .divider-icon.pacs:hover svg{
    stroke:var(--blue);
  }

  .product-visual{
    background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
    border-radius:20px;
    padding:40px;
    min-height:400px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
  }
  .product-visual.pacs::before{
    content:'';position:absolute;
    width:250px;height:250px;
    background:radial-gradient(circle,rgba(21,109,181,0.3),transparent 70%);
    top:-50px;right:-50px;
  }
  .product-visual.ris::before{
    content:'';position:absolute;
    width:250px;height:250px;
    background:radial-gradient(circle,rgba(0,169,157,0.3),transparent 70%);
    bottom:-50px;left:-50px;
  }
  .product-visual-content{
    text-align:center;
    position:relative;
  }
  .product-visual-content .big-icon{
    width:120px;height:120px;
    margin:0 auto 24px;
  }
  .product-visual-content .big-icon svg, .product-visual-content .big-icon img{width:100%;height:100%;object-fit:contain;}
  .product-visual-content h4{
    color:white;font-size:24px;font-weight:800;
    margin-bottom:8px;
  }
  .product-visual-content p{
    color:rgba(255,255,255,0.6);font-size:14px;
  }

  /* Legacy product-detail for coming-soon */
  .product-detail{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    margin-bottom:80px;
    align-items:start;
  }
  @media(max-width:900px){.product-detail{grid-template-columns:1fr;}}

  .product-info{
    background:var(--white);
    border-radius:20px;
    padding:40px;
    border:1px solid var(--line);
  }
  .product-info .tag{
    display:inline-block;
    font-size:11px;font-weight:700;
    padding:6px 12px;border-radius:6px;
    margin-bottom:20px;
    letter-spacing:0.04em;
  }
  .product-info h3{
    font-size:28px;font-weight:800;
    margin-bottom:8px;color:var(--navy);
  }
  .product-info h3 span{
    background:linear-gradient(135deg, var(--blue) 0%, var(--teal) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .product-info .subtitle{
    font-size:15px;font-weight:600;
    color:var(--ink-soft);
    margin-bottom:16px;
  }
  .product-info p{
    font-size:15px;
    color:var(--ink-soft);
    line-height:1.7;
    margin-bottom:28px;
  }
  .feature-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  @media(max-width:500px){.feature-list{grid-template-columns:1fr;}}
  .feature-item{
    background:var(--mist);
    border-radius:10px;
    padding:16px;
    display:flex;
    align-items:flex-start;
    gap:12px;
  }
  .feature-item .icon{
    width:32px;height:32px;
    min-width:32px;
    background:var(--white);
    border-radius:8px;
    display:flex;align-items:center;justify-content:center;
  }
  .feature-item .icon svg{width:16px;height:16px;stroke:var(--teal);}
  .feature-item h5{
    font-size:13px;font-weight:700;margin-bottom:2px;
    color:var(--navy);
  }
  .feature-item span{font-size:11px;color:var(--ink-soft);line-height:1.3;display:block;}

  /* Software Mockup */
  .software-mockup{
    background:var(--white);
    border-radius:clamp(12px, 2.5vw, 20px);
    box-shadow:
      0 12px 40px -10px rgba(13,27,61,0.25),
      0 32px 80px -20px rgba(13,27,61,0.18),
      0 0 0 1px rgba(13,27,61,0.06),
      inset 0 1px 0 rgba(255,255,255,0.8);
    overflow:hidden;
    transition:box-shadow .3s var(--ease);
    position:relative;
    width:min(950px, 100%);
    max-width:100%;
  }
  .software-mockup::before{
    content:'';
    position:absolute;
    inset:-3px;
    border-radius:23px;
    background:linear-gradient(135deg, var(--blue), var(--teal), var(--teal-l));
    z-index:-1;
    opacity:0;
    transition:opacity .5s var(--ease);
  }
  .software-mockup:hover{
    box-shadow:
      0 12px 40px -10px rgba(13,27,61,0.25),
      0 32px 80px -20px rgba(13,27,61,0.18),
      0 0 0 1px rgba(13,27,61,0.06),
      inset 0 1px 0 rgba(255,255,255,0.8);
  }
  .mockup-window{
    display:flex;flex-direction:column;
    width:100%;
    aspect-ratio:16/10;
    overflow:visible;
  }
  @media(max-width:800px){
    .showcase-mockup{
      padding:8px;
    }
    .showcase-mockup .software-mockup{
      zoom:0.82;
    }
    .mockup-window{
      aspect-ratio:16/12;
    }
    .wl-name{font-size:8px;}
    .wl-exam{font-size:7px;}
    .worklist-item{padding:4px 6px;gap:4px;}
  }
  @media(max-width:600px){
    .showcase-mockup{
      padding:4px;
    }
    .showcase-mockup .software-mockup{
      zoom:0.68;
    }
    .mockup-window{
      aspect-ratio:16/13;
    }
    .wl-name{font-size:7px;}
    .wl-exam{font-size:6px;}
    .worklist-item{padding:3px 5px;}
  }
  @media(max-width:450px){
    .showcase-mockup{
      padding:2px;
    }
    .showcase-mockup .software-mockup{
      zoom:0.55;
    }
    .mockup-window{
      aspect-ratio:16/14;
    }
    .wl-name{font-size:6px;}
    .wl-exam{font-size:5px;}
  }
  .mockup-titlebar{
    display:flex;align-items:center;gap:clamp(4px, 1vw, 8px);
    padding:clamp(4px, 1vw, 8px) clamp(8px, 1.5vw, 12px);
    background:linear-gradient(180deg, var(--white) 0%, var(--mist) 100%);
    border-bottom:1px solid var(--line);
  }
  .mockup-logo{
    width:clamp(14px, 2.5vw, 20px);height:clamp(14px, 2.5vw, 20px);object-fit:contain;
  }
  .mockup-title{
    font-size:clamp(9px, 1.5vw, 12px);font-weight:600;color:var(--navy);
  }

  /* PACS Layout */
  .pacs-layout{
    flex:1;display:flex;
    background:#0a0a0a;
  }
  .pacs-sidebar{
    width:clamp(60px, 12vw, 100px);
    background:var(--white);
    border-right:1px solid var(--line);
    padding:clamp(4px, 1vw, 8px);
    display:flex;flex-direction:column;gap:clamp(2px, 0.5vw, 4px);
  }
  .pacs-patient{
    padding:clamp(4px, 1vw, 8px);
    background:var(--navy);
    border-radius:4px;
    margin-bottom:clamp(2px, 0.5vw, 4px);
  }
  .pacs-patient-name{
    font-size:clamp(8px, 1.4vw, 11px);font-weight:600;color:white;
  }
  .pacs-patient-id{
    font-size:clamp(6px, 1.1vw, 9px);color:rgba(255,255,255,0.6);
  }
  .pacs-series{
    padding:clamp(4px, 1vw, 8px);
    border-radius:4px;
    cursor:pointer;
  }
  .pacs-series.active{
    background:rgba(21,109,181,0.1);
  }
  .series-label{
    font-size:clamp(7px, 1.2vw, 10px);font-weight:600;color:var(--navy);
  }
  .series-meta{
    font-size:clamp(6px, 1vw, 8px);color:var(--ink-faint);
  }
  .pacs-viewer{
    flex:1;
    position:relative;
    padding:4px;
    display:flex;flex-direction:column;
  }
  .viewer-grid{
    flex:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:4px;
  }
  .viewer-cell{
    background:#111;
    border-radius:4px;
    position:relative;
    display:flex;align-items:center;justify-content:center;
  }
  .cell-image{
    width:88%;height:88%;
    background:radial-gradient(ellipse at 50% 40%, rgba(200,210,220,0.12) 0%, rgba(100,110,120,0.06) 50%, transparent 70%);
    border-radius:3px;
  }
  .cell-overlay{
    position:absolute;
    font-size:clamp(5px, 1vw, 8px);
    font-family:'IBM Plex Mono',monospace;
    color:var(--teal-l);
    line-height:1.3;
  }
  .cell-overlay.tl{top:clamp(3px, 0.8vw, 6px);left:clamp(4px, 1vw, 8px);}
  .cell-overlay.tr{top:clamp(3px, 0.8vw, 6px);right:clamp(4px, 1vw, 8px);text-align:right;}
  .cell-overlay.bl{bottom:clamp(3px, 0.8vw, 6px);left:clamp(4px, 1vw, 8px);color:rgba(255,255,255,0.4);}
  .viewer-toolbar{
    display:flex;justify-content:center;gap:clamp(6px, 1.5vw, 12px);
    padding:clamp(3px, 0.8vw, 6px);
    background:rgba(255,255,255,0.03);
  }
  .tb-group{
    display:flex;gap:clamp(2px, 0.5vw, 4px);
  }
  .tb-btn{
    padding:clamp(2px, 0.5vw, 4px) clamp(6px, 1.2vw, 10px);
    font-size:clamp(7px, 1.1vw, 9px);font-weight:500;
    color:rgba(255,255,255,0.5);
    background:rgba(255,255,255,0.05);
    border-radius:3px;
    cursor:pointer;
  }
  .tb-btn.active{
    background:var(--teal);
    color:white;
  }
  @media(max-width:500px){
    .viewer-grid{grid-template-columns:1fr 1fr;}
    .case-row{font-size:8px;}
    .case-row span:first-child{width:50px;}
  }

  /* RIS Layout */
  .ris-layout{
    flex:1;display:flex;
    background:var(--mist);
    min-height:0;
  }
  .ris-worklist{
    width:clamp(80px, 15vw, 130px);
    background:var(--white);
    border-right:1px solid var(--line);
    display:flex;
    flex-direction:column;
    min-height:0;
    overflow-y:auto;
  }
  .wl-nav{
    display:flex;
    align-items:center;
    gap:clamp(3px, 0.6vw, 5px);
    padding:clamp(4px, 0.8vw, 6px);
    border-bottom:1px solid var(--line);
    cursor:pointer;
  }
  .wl-nav:hover{
    background:var(--mist);
  }
  .wl-nav span{
    font-size:clamp(6px, 1vw, 8px);
    color:var(--ink-soft);
  }
  .wl-back{
    width:clamp(10px, 1.5vw, 12px);height:clamp(10px, 1.5vw, 12px);
    color:var(--ink-soft);
  }
  .wl-header{
    display:flex;
    align-items:center;
    gap:clamp(4px, 0.8vw, 6px);
    padding:clamp(4px, 0.8vw, 6px);
    border-bottom:1px solid var(--line);
    background:linear-gradient(135deg, rgba(0,169,157,0.08), rgba(21,109,181,0.08));
  }
  .wl-icon{
    width:clamp(10px, 1.8vw, 14px);height:clamp(10px, 1.8vw, 14px);
    color:var(--teal);
  }
  .wl-title{
    flex:1;
    font-size:clamp(7px, 1.2vw, 10px);
    font-weight:700;
    color:var(--navy);
  }
  .wl-count{
    font-size:clamp(7px, 1.1vw, 9px);
    font-weight:600;
    color:var(--white);
    background:var(--teal);
    padding:2px 6px;
    border-radius:4px;
  }
  .worklist-item{
    display:flex;align-items:center;gap:6px;
    padding:6px 8px;
    border-bottom:1px solid var(--line);
    cursor:pointer;
  }
  .worklist-item.active{
    background:rgba(21,109,181,0.06);
  }
  .wl-urgency{
    width:3px;align-self:stretch;
    border-radius:2px;flex-shrink:0;
  }
  .wl-urgency.red{background:#dc2626;}
  .wl-urgency.yellow{background:#f59e0b;}
  .wl-urgency.green{background:#10b981;}
  .wl-legend{
    margin-top:auto;
    padding:6px;
    border-top:1px solid var(--line);
    display:flex;flex-direction:column;gap:3px;
  }
  .legend-item{
    display:flex;align-items:center;gap:6px;
    font-size:8px;color:var(--ink-faint);
  }
  .leg{
    width:8px;height:8px;border-radius:2px;
  }
  .leg.red{background:#dc2626;}
  .leg.yellow{background:#f59e0b;}
  .leg.green{background:#10b981;}
  .wl-name{
    flex:1;font-size:10px;font-weight:600;color:var(--navy);
  }
  .wl-exam{
    font-size:9px;color:var(--ink-faint);
  }

  /* RIS Content */
  .ris-content{
    flex:1;display:flex;flex-direction:column;
    padding:6px;gap:6px;
    min-height:0;
  }
  .ris-top{
    flex:1;
    display:flex;gap:6px;
    min-height:0;
  }
  .ris-bottom{
    flex:1;
    display:flex;gap:6px;
    min-height:0;
  }
  .ris-panel{
    flex:1;background:var(--white);
    border-radius:6px;padding:8px;
    display:flex;flex-direction:column;
    min-height:0;
    overflow:hidden;
  }
  .ris-panel.case{
    flex:1;
  }
  .ris-panel.docs{
    flex:1;
    min-height:0;
    overflow:hidden;
    position:relative;
  }
  .ris-panel.docs::after{
    content:'';
    position:absolute;
    right:4px;top:32px;bottom:8px;
    width:4px;
    background:var(--line);
    border-radius:2px;
  }
  .ris-panel.docs::before{
    content:'';
    position:absolute;
    right:4px;top:32px;
    width:4px;height:35%;
    background:var(--ink-faint);
    border-radius:2px;
    z-index:1;
  }
  .ris-panel.patient{
    flex:0 0 155px;
  }
  .ris-panel.preview{
    flex:1;
    display:flex;flex-direction:column;
  }
  .panel-header{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:6px;padding-bottom:4px;
    border-bottom:1px solid var(--line);
  }
  .panel-title{
    font-size:9px;font-weight:700;color:var(--navy);
  }
  .status-tag{
    font-size:8px;font-weight:600;
    padding:3px 8px;border-radius:4px;
    background:rgba(21,109,181,0.1);color:var(--blue);
  }
  .allergy-tag{
    font-size:8px;font-weight:600;
    padding:3px 8px;border-radius:4px;
    background:#fee2e2;color:#dc2626;
  }
  .doc-count{
    font-size:10px;font-weight:600;color:var(--navy);
    background:var(--mist);padding:3px 8px;border-radius:4px;
  }
  .case-info{
    display:flex;flex-direction:column;gap:4px;
  }
  .case-row{
    display:flex;gap:8px;font-size:10px;
  }
  .case-row span:first-child{
    width:70px;color:var(--ink-soft);flex-shrink:0;
  }
  .case-row span:last-child{
    color:var(--navy);font-weight:500;
  }
  .case-row.highlight{
    background:rgba(21,109,181,0.06);
    margin:2px -6px;padding:4px 6px;
    border-radius:4px;
  }
  .case-note{
    margin-top:auto;padding:8px;
    background:rgba(245,158,11,0.1);
    border-radius:6px;
    border-left:3px solid #f59e0b;
  }
  .note-label{
    font-size:8px;font-weight:700;color:#b45309;
    display:block;margin-bottom:2px;
  }
  .note-text{
    font-size:10px;color:var(--navy);line-height:1.4;
  }
  .panel-actions{
    display:flex;gap:6px;margin-top:8px;
  }
  .panel-btn{
    flex:1;padding:8px;border-radius:5px;
    font-size:10px;font-weight:600;
    border:1px solid var(--line);
    background:var(--white);color:var(--navy);
    cursor:pointer;
  }
  .panel-btn.primary{
    background:var(--teal);color:white;border-color:var(--teal);
  }

  /* Patient Panel */
  .patient-grid{
    display:flex;flex-direction:column;gap:3px;
  }
  .pg-row{
    display:flex;justify-content:space-between;
    padding:3px 6px;
    background:var(--mist);
    border-radius:3px;
  }
  .pg-row span:first-child{
    font-size:7px;color:var(--ink-soft);
  }
  .pg-row span:last-child{
    font-size:8px;color:var(--navy);font-weight:500;
  }
  .pg-row.warn{
    background:#fee2e2;
  }
  .pg-row.warn span:last-child{
    color:#dc2626;font-weight:600;
  }
  .patient-actions{
    display:flex;
    gap:3px;
    margin-top:auto;
    padding-top:4px;
  }
  .pa-btn{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    padding:6px 4px;
    background:rgba(0,169,157,0.1);
    border-radius:4px;
    cursor:pointer;
  }
  .pa-btn:hover{
    background:rgba(0,169,157,0.2);
  }
  .pa-btn svg{
    width:14px;height:14px;
    color:var(--teal);
  }
  .pa-btn>span{
    font-size:8px;
    color:var(--teal);
    font-weight:500;
  }
  .pa-btn i{
    font-style:normal;
    font-weight:700;
  }
  .pa-btn i.ok{
    color:var(--teal);
  }
  .pa-btn i.no{
    color:#dc2626;
  }
  .pa-btn i.badge{
    background:#dc2626;
    color:white;
    font-size:6px;
    padding:1px 4px;
    border-radius:3px;
    margin-left:2px;
  }
  .pa-btn.notify{
    background:rgba(21,109,181,0.1);
  }
  .pa-btn.notify:hover{
    background:rgba(21,109,181,0.2);
  }
  .pa-btn.notify svg{
    color:var(--blue);
  }
  .pa-btn.notify>span{
    color:var(--blue);
  }

  /* Docs Panel */
  .panel-docs{
    flex:1;display:flex;flex-direction:column;gap:3px;
  }
  .doc-row{
    display:flex;align-items:center;gap:6px;
    padding:4px 6px;background:var(--mist);
    border-radius:4px;font-size:8px;
    cursor:pointer;
  }
  .doc-icon{
    width:12px;height:12px;
    flex-shrink:0;
    color:var(--ink-soft);
  }
  .doc-name{
    flex:1;color:var(--navy);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .doc-date{
    font-size:7px;color:var(--ink-faint);
    flex-shrink:0;margin-left:4px;
  }
  .doc-row:hover{background:rgba(21,109,181,0.08);}
  .doc-row.current{
    background:rgba(21,109,181,0.1);
    border-left:3px solid var(--blue);
  }
  .doc-row.pending{
    background:rgba(245,158,11,0.1);
    border-left:3px solid #f59e0b;
  }
  .doc-row.pending .doc-name{
    font-style:italic;
  }
  .doc-row.selected{
    background:rgba(0,169,157,0.15);
    border-left:3px solid var(--teal);
  }
  .doc-row.selected .doc-name{
    font-weight:600;
  }
  .doc-row.epa-extern .doc-icon{
    color:var(--blue);
  }
  .epa-tag{
    font-size:7px;
    font-weight:600;
    color:white;
    background:var(--blue);
    padding:2px 6px;
    border-radius:3px;
    margin-left:auto;
  }
  .epa-tag.upload{
    background:var(--teal);
  }
  .epa-hint{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 8px;
    margin-bottom:4px;
    background:rgba(21,109,181,0.08);
    border-radius:4px;
    border-left:3px solid var(--blue);
  }
  .epa-text{
    flex:1;
    font-size:8px;
    color:var(--blue);
    font-weight:500;
  }
  .epa-btn{
    font-size:8px;
    font-weight:600;
    color:white;
    background:var(--blue);
    border:none;
    padding:4px 8px;
    border-radius:4px;
    cursor:pointer;
  }
  .docs-section-label{
    font-size:8px;
    font-weight:700;
    color:var(--ink-faint);
    text-transform:uppercase;
    letter-spacing:0.04em;
    padding:6px 8px 4px;
    margin-top:4px;
  }
  .docs-section-label:first-child{
    margin-top:0;
  }

  /* Preview Panel */
  .preview-doc{
    flex:1;display:flex;
    align-items:flex-start;
    justify-content:center;
    background:var(--mist);
    border-radius:6px;
    padding:8px;
    position:relative;
    overflow:hidden;
  }
  .preview-doc::after{
    content:'';
    position:absolute;
    right:8px;top:12px;bottom:12px;
    width:4px;
    background:var(--line);
    border-radius:2px;
  }
  .preview-doc::before{
    content:'';
    position:absolute;
    right:8px;top:12px;
    width:4px;height:30%;
    background:var(--ink-faint);
    border-radius:2px;
    z-index:1;
  }
  .a4-container{
    width:70%;
    height:280%;
    background:white;
    border-radius:4px;
    box-shadow:0 2px 8px rgba(0,0,0,0.12);
    flex-shrink:0;
  }
  .befund-doc{
    padding:10px;
    padding-right:12px;
    display:flex;flex-direction:column;
    gap:6px;
  }
  .befund-header{
    display:flex;align-items:center;gap:6px;
    padding-bottom:6px;
    border-bottom:1px solid var(--line);
  }
  .befund-logo{
    width:16px;height:16px;
    background:linear-gradient(135deg, var(--blue), var(--teal));
    border-radius:3px;
  }
  .praxis-name{
    font-size:9px;font-weight:700;color:var(--navy);
  }
  .praxis-sub{
    font-size:7px;color:var(--ink-faint);
  }
  .befund-title{
    font-size:10px;font-weight:700;
    color:var(--navy);
    text-align:center;
    padding:6px 0;
  }
  .befund-meta{
    display:flex;flex-direction:column;gap:2px;
    font-size:7px;color:var(--ink-soft);
    padding-bottom:6px;
    border-bottom:1px solid var(--line);
  }
  .befund-section{
    margin-top:6px;
  }
  .befund-label{
    font-size:7px;font-weight:600;
    color:var(--blue);
    margin-bottom:2px;
  }
  .befund-text{
    font-size:7px;color:var(--ink-soft);
    line-height:1.5;
  }
  .befund-footer{
    padding-top:6px;
    border-top:1px solid var(--line);
    text-align:right;
    font-size:7px;
    color:var(--ink-soft);
  }
  .akte-footer{
    margin-top:auto;padding-top:6px;
    font-size:9px;color:var(--ink-soft);
  }

  /* Detail Section - Legacy for coming-soon */
  .product-details{
    margin-top:40px;
    padding:32px;
    background:var(--white);
    border-radius:16px;
    border:1px solid var(--line);
  }
  .product-details h4{
    font-size:18px;font-weight:700;
    color:var(--navy);margin-bottom:20px;
    display:flex;align-items:center;gap:10px;
  }
  .product-details h4 svg{width:20px;height:20px;stroke:var(--teal);}
  .details-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }
  @media(max-width:800px){.details-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:500px){.details-grid{grid-template-columns:1fr;}}
  .detail-item{
    display:flex;align-items:flex-start;gap:10px;
  }
  .detail-item .dot{
    width:6px;height:6px;min-width:6px;
    border-radius:50%;margin-top:6px;
    background:var(--teal);
  }
  .detail-item p{
    font-size:13px;color:var(--ink-soft);
    line-height:1.5;margin:0;
  }
  .detail-item strong{color:var(--navy);}

  /* Smart Integration Box */
  .smart-integration-box{
    background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 50%, var(--navy) 100%);
    border-radius:24px;
    padding:48px;
    margin-bottom:100px;
    position:relative;
    overflow:hidden;
    color:white;
  }
  .smart-integration-box::before{
    content:'';position:absolute;
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(0,169,157,0.35),transparent 60%);
    top:-150px;left:-100px;
    filter:blur(40px);
    animation:floatBubble 12s ease-in-out infinite;
  }
  .smart-integration-box::after{
    content:'';position:absolute;
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(21,109,181,0.35),transparent 60%);
    bottom:-150px;right:-100px;
    filter:blur(40px);
    animation:floatBubble 15s ease-in-out infinite reverse;
  }
  .smart-integration-header{
    display:flex;align-items:center;gap:16px;
    margin-bottom:16px;position:relative;
  }
  .smart-integration-header svg{stroke:var(--teal-l);}
  .smart-integration-header h3{font-size:24px;font-weight:800;}
  .smart-integration-desc{
    font-size:16px;color:rgba(255,255,255,0.7);
    line-height:1.7;max-width:700px;margin-bottom:28px;
    position:relative;
  }
  .smart-features{
    display:grid;grid-template-columns:repeat(2,1fr);
    gap:16px;position:relative;
  }
  @media(max-width:600px){.smart-features{grid-template-columns:1fr;}}
  .smart-feature{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;padding:16px 20px;
    transition:all .25s var(--ease);
  }
  .smart-feature:hover{
    background:rgba(255,255,255,0.1);
    transform:translateY(-4px) scale(1.02);
    box-shadow:0 12px 32px -8px rgba(0,0,0,0.2);
  }
  .smart-feature svg{stroke:var(--teal-l);flex-shrink:0;}
  .smart-feature span{font-size:14px;font-weight:500;}

  /* Coming Soon Product */
  .product-detail.coming-soon{
    position:relative;
    pointer-events:none;
    user-select:none;
    z-index:1;
  }
  .product-detail.coming-soon::before{
    content:'';
    position:absolute;
    inset:-20px;
    background:linear-gradient(180deg,
      rgba(242,247,250,0.95) 0%,
      rgba(242,247,250,0.4) 15%,
      rgba(242,247,250,0) 30%,
      rgba(242,247,250,0) 70%,
      rgba(242,247,250,0.4) 85%,
      rgba(242,247,250,0.95) 100%
    );
    z-index:5;
    pointer-events:none;
    border-radius:20px;
  }
  .product-detail.coming-soon .product-info,
  .product-detail.coming-soon .product-visual{
    filter:blur(4px);
    opacity:0.7;
  }
  .product-detail.coming-soon .product-info{
    background:rgba(255,255,255,0.6);
    backdrop-filter:blur(8px);
  }
  .product-detail.coming-soon .product-visual{
    background:linear-gradient(135deg, rgba(13,27,61,0.6) 0%, rgba(26,45,84,0.6) 100%);
  }
  .product-detail.coming-soon .product-info.coming *{
    color:transparent !important;
    background:var(--line);
    border-radius:4px;
  }
  .product-detail.coming-soon .product-info.coming .tag{
    background:rgba(0,169,157,0.15);
    width:80px;
  }
  .product-detail.coming-soon .product-info.coming h3{
    background:none;
  }
  .product-detail.coming-soon .product-info.coming h3,
  .product-detail.coming-soon .product-info.coming h3 span{
    color:var(--navy) !important;
    background:none;
    -webkit-background-clip:unset;
    background-clip:unset;
    filter:blur(2px);
  }
  .product-detail.coming-soon .product-info.coming .subtitle,
  .product-detail.coming-soon .product-info.coming p{
    background:var(--line);
    height:1em;
    margin-bottom:12px;
  }
  .product-detail.coming-soon .product-info.coming .feature-item h5,
  .product-detail.coming-soon .product-info.coming .feature-item span{
    background:var(--line);
    display:inline-block;
    width:80%;
    height:0.9em;
  }
  .product-detail.coming-soon .product-info.coming .feature-item .icon{
    background:rgba(0,169,157,0.08);
  }
  .product-detail.coming-soon .product-info.coming .feature-item .icon svg{
    opacity:0.2;
  }
  .coming-soon-badge{
    position:absolute;
    top:50%;left:50%;transform:translate(-50%,-50%);
    z-index:10;
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,0.8);
    border-radius:20px;
    padding:24px 40px;
    text-align:center;
    box-shadow:
      0 4px 24px -4px rgba(13,27,61,0.12),
      0 12px 48px -8px rgba(13,27,61,0.08),
      inset 0 1px 0 rgba(255,255,255,1);
    pointer-events:auto;
  }
  .coming-soon-badge h4{
    font-size:20px;font-weight:800;color:var(--navy);margin-bottom:6px;
    letter-spacing:-0.02em;
  }
  .coming-soon-badge p{
    font-size:13px;color:var(--ink-soft);margin:0;
  }

  /* ---------- ADVANTAGES ---------- */
  .advantages{
    padding:120px 0;
    background:var(--mist);
    position:relative;
    overflow:hidden;
  }
  .advantages::before{
    content:'';position:absolute;
    width:500px;height:500px;
    background:var(--teal);
    top:5%;left:-200px;
    filter:blur(100px);
    opacity:0.25;
    animation:floatBubble 18s ease-in-out infinite;
    pointer-events:none;
  }
  .advantages::after{
    content:'';position:absolute;
    width:450px;height:450px;
    background:var(--blue);
    bottom:10%;right:-180px;
    filter:blur(90px);
    opacity:0.2;
    animation:floatBubble 14s ease-in-out infinite reverse;
    pointer-events:none;
  }
  .adv-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
  }
  @media(max-width:800px){.adv-grid{grid-template-columns:1fr;}}

  .adv-card{
    background:var(--white);
    border-radius:28px;
    padding:40px;
    transition:all .35s var(--ease);
    border:1px solid var(--line);
    position:relative;
    overflow:hidden;
  }
  .adv-card::before{
    content:'';
    position:absolute;
    top:-50%;right:-50%;
    width:100%;height:100%;
    background:radial-gradient(circle, rgba(0,169,157,0.05) 0%, transparent 70%);
    opacity:0;
    transition:opacity .35s;
  }
  .adv-card:hover::before{opacity:1;}
  .adv-card:hover{
    box-shadow:0 28px 64px -16px rgba(13,27,61,0.2);
    transform:translateY(-10px) scale(1.02);
    border-color:transparent;
  }
  .adv-card .icon{
    width:64px;height:64px;
    background:linear-gradient(135deg, rgba(21,109,181,0.1), rgba(0,169,157,0.1));
    border-radius:20px;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:24px;
    transition:transform .35s var(--ease);
  }
  .adv-card:hover .icon{transform:scale(1.1);}
  .adv-card .icon svg{width:28px;height:28px;stroke:var(--teal);}
  .adv-card h4{
    font-size:18px;font-weight:700;margin-bottom:10px;
    background:linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .adv-card p{font-size:15px;color:var(--ink-soft);line-height:1.65;}

  /* ---------- VISION DIVIDER ---------- */
  .module-divider.vision-divider{
    margin:0;
    padding:60px 40px;
    background:linear-gradient(180deg, var(--mist) 0%, var(--white) 100%);
  }

  /* ---------- VISION / CTO ---------- */
  .vision{
    padding:100px 0;
    background:var(--white);
  }
  .vision-grid{
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:60px;
    align-items:center;
  }
  @media(max-width:900px){
    .vision-grid{grid-template-columns:1fr;gap:40px;}
  }
  .vision-photo{
    display:flex;align-items:center;justify-content:center;
  }
  .vision-photo img{
    width:100%;max-width:520px;
  }
  @media(max-width:900px){
    .vision-photo img{max-width:380px;}
  }
  .vision-content .eyebrow{
    display:inline-block;font-size:12px;font-weight:600;
    color:var(--teal);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;
  }
  .vision-content h2{
    font-size:clamp(26px,3.5vw,36px);font-weight:800;
    letter-spacing:-0.02em;margin-bottom:20px;color:var(--navy);
    line-height:1.2;
  }
  .vision-content blockquote{
    font-size:18px;font-style:italic;
    color:var(--ink-soft);line-height:1.7;
    margin-bottom:24px;padding-left:20px;
    border-left:3px solid var(--teal);
  }
  .vision-content p{
    font-size:15px;color:var(--ink-soft);line-height:1.7;margin-bottom:16px;
  }
  .vision-values{
    display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;
  }
  .vision-value{
    display:flex;align-items:center;gap:8px;
    background:var(--mist);padding:10px 16px;border-radius:8px;
    font-size:13px;font-weight:600;color:var(--navy);
  }
  .vision-value svg{width:18px;height:18px;stroke:var(--teal);}
  .ceo-info{
    margin-top:32px;
    padding-top:24px;border-top:1px solid var(--line);
  }
  .ceo-info .ceo-details h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:2px;}
  .ceo-info .ceo-details span{font-size:13px;color:var(--ink-faint);}

  /* ---------- FEEDBACK PORTAL ---------- */
  .feedback-portal{
    padding:100px 0;
    background:var(--white);
  }
  .feedback-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
  }
  @media(max-width:900px){
    .feedback-grid{grid-template-columns:1fr;gap:40px;}
  }
  .feedback-content .eyebrow{
    display:inline-block;font-size:12px;font-weight:600;
    color:var(--teal);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;
  }
  .feedback-content h2{
    font-size:clamp(26px,3.5vw,36px);font-weight:800;
    letter-spacing:-0.02em;margin-bottom:16px;color:var(--navy);
    line-height:1.2;
  }
  .feedback-content > p{
    font-size:15px;color:var(--ink-soft);line-height:1.7;margin-bottom:28px;
  }
  .feedback-features{
    display:grid;grid-template-columns:1fr 1fr;gap:16px;
  }
  @media(max-width:600px){.feedback-features{grid-template-columns:1fr;}}
  .feedback-feature{
    display:flex;gap:16px;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:20px;
    padding:24px;
    transition:all .3s var(--ease);
  }
  .feedback-feature:hover{
    box-shadow:0 16px 40px -10px rgba(13,27,61,0.15);
    transform:translateY(-5px) scale(1.02);
    border-color:transparent;
  }
  .feedback-icon{
    width:48px;height:48px;min-width:48px;
    background:linear-gradient(135deg,rgba(21,109,181,0.1),rgba(0,169,157,0.1));
    border-radius:14px;
    display:flex;align-items:center;justify-content:center;
  }
  .feedback-icon svg{width:20px;height:20px;stroke:var(--teal);}
  .feedback-feature h4{
    font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px;
  }
  .feedback-feature p{
    font-size:12px;color:var(--ink-soft);line-height:1.4;margin:0;
  }
  .feedback-visual{
    display:flex;align-items:center;justify-content:center;
  }
  .feedback-mockup{
    background:var(--white);
    border-radius:24px;
    box-shadow:0 24px 64px -16px rgba(13,27,61,0.18);
    overflow:hidden;
    max-width:400px;
    width:100%;
  }
  .feedback-mockup-header{
    background:var(--navy);
    padding:12px 16px;
    display:flex;align-items:center;gap:10px;
  }
  .feedback-mockup-logo{
    width:22px;height:22px;
    object-fit:contain;
  }
  .feedback-mockup-title{
    font-size:13px;font-weight:600;
    color:rgba(255,255,255,0.9);
  }
  .feedback-mockup-body{
    padding:16px;
    display:flex;flex-direction:column;gap:12px;
  }
  .feedback-item-mock{
    display:flex;gap:14px;
    padding:14px;
    background:var(--mist);
    border-radius:10px;
    transition:background .2s;
  }
  .feedback-item-mock:hover{background:rgba(0,169,157,0.06);}
  .feedback-votes{
    display:flex;flex-direction:column;
    align-items:center;gap:2px;
    min-width:32px;
  }
  .feedback-votes svg{
    width:20px;height:20px;
    stroke:var(--ink-faint);
    cursor:pointer;
    transition:all .2s;
  }
  .feedback-votes svg:hover{stroke:var(--navy);fill:rgba(13,27,61,0.05);}
  .feedback-votes svg.vote-up.active{stroke:var(--teal);fill:var(--teal);}
  .feedback-votes svg.vote-down.active{stroke:#e53935;fill:#e53935;}
  .feedback-votes span{font-size:14px;font-weight:700;color:var(--navy);}
  .feedback-item-mock.voted-up .feedback-votes span{color:var(--teal);}
  .feedback-item-mock.voted-down .feedback-votes span{color:#e53935;}
  .feedback-item-content{flex:1;}
  .feedback-status{
    display:inline-block;
    font-size:9px;font-weight:700;
    padding:3px 8px;border-radius:4px;
    text-transform:uppercase;
    letter-spacing:0.04em;
    margin-bottom:4px;
  }
  .feedback-status.planned{background:rgba(21,109,181,0.12);color:var(--blue);}
  .feedback-status.progress{background:rgba(0,169,157,0.12);color:var(--teal);}
  .feedback-status.review{background:rgba(255,170,0,0.12);color:#cc8800;}
  .feedback-item-mock h5{
    font-size:13px;font-weight:700;color:var(--navy);margin-bottom:3px;
  }
  .feedback-item-mock p{
    font-size:11px;color:var(--ink-soft);margin:0;line-height:1.4;
  }
  @media(max-width:900px){
    .feedback-portal{padding:60px 0;}
    .feedback-mockup{max-width:100%;}
  }

  /* ---------- INTEGRATION ---------- */
  .integration{
    padding:120px 0;
    background:linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);
    color:white;
    position:relative;
    overflow:hidden;
  }
  .integration::before{
    content:'';position:absolute;
    width:600px;height:600px;
    background:radial-gradient(circle,rgba(0,169,157,0.08),transparent 60%);
    top:-200px;left:-200px;
    pointer-events:none;
  }
  .integration::after{
    content:'';position:absolute;
    width:500px;height:500px;
    background:radial-gradient(circle,rgba(21,109,181,0.08),transparent 60%);
    bottom:-150px;right:-150px;
    pointer-events:none;
  }
  .integration .sec-header .eyebrow{color:var(--teal-l);background:rgba(126,211,178,0.15);}
  .integration .sec-header h2{color:white;}
  .integration .sec-header p{color:rgba(255,255,255,0.65);}

  .integration-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    position:relative;
  }
  @media(max-width:900px){.integration-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:500px){.integration-grid{grid-template-columns:1fr;}}

  .integration-item{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:28px;
    padding:36px;
    text-align:center;
    transition:all .35s var(--ease);
    backdrop-filter:blur(8px);
  }
  .integration-item:hover{
    background:rgba(255,255,255,0.1);
    border-color:rgba(255,255,255,0.2);
    transform:translateY(-10px) scale(1.04);
    box-shadow:0 24px 56px -16px rgba(0,0,0,0.4);
  }
  .integration-item .icon{
    width:72px;height:72px;
    margin:0 auto 20px;
    background:rgba(255,255,255,0.06);
    border-radius:22px;
    display:flex;align-items:center;justify-content:center;
    transition:transform .35s var(--ease);
  }
  .integration-item:hover .icon{transform:scale(1.1);}
  .integration-item .icon svg{width:32px;height:32px;stroke:var(--teal-l);}
  .integration-item h4{font-size:16px;font-weight:700;margin-bottom:8px;}
  .integration-item p{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.6;}

  /* ---------- CTA ---------- */
  .cta-section{
    padding:120px 0;
    background:linear-gradient(180deg, var(--mist) 0%, var(--white) 100%);
    text-align:center;
  }
  .cta-box{
    background:linear-gradient(135deg, var(--blue) 0%, var(--teal) 60%, var(--teal-l) 100%);
    border-radius:40px;
    padding:88px 56px;
    position:relative;
    overflow:hidden;
    box-shadow:
      0 32px 80px -20px rgba(0,169,157,0.4),
      inset 0 1px 0 rgba(255,255,255,0.2);
  }
  .cta-box::before{
    content:'';position:absolute;
    width:500px;height:500px;
    background:radial-gradient(circle,rgba(255,255,255,0.2),transparent 60%);
    top:-250px;right:-150px;
    animation:floatBubble 15s ease-in-out infinite;
  }
  .cta-box::after{
    content:'';position:absolute;
    width:300px;height:300px;
    background:radial-gradient(circle,rgba(255,255,255,0.1),transparent 60%);
    bottom:-150px;left:-50px;
    animation:floatBubble 12s ease-in-out infinite reverse;
  }
  .cta-box h2{
    font-size:clamp(28px,4vw,42px);
    font-weight:800;color:white;
    margin-bottom:20px;
    position:relative;
    letter-spacing:-0.02em;
  }
  .cta-box p{
    font-size:18px;
    color:rgba(255,255,255,0.9);
    max-width:540px;
    margin:0 auto 40px;
    position:relative;
    line-height:1.7;
  }
  .cta-box .btn{
    background:white;
    color:var(--navy);
    position:relative;
    padding:18px 36px;
    font-size:15px;
    box-shadow:0 8px 24px -8px rgba(0,0,0,0.2);
  }
  .cta-box .btn:hover{
    background:var(--navy);
    color:white;
    transform:translateY(-5px) scale(1.05);
    box-shadow:0 16px 40px -8px rgba(0,0,0,0.35);
  }

  /* ---------- FOOTER ---------- */
  footer{
    background:var(--navy-2);
    color:rgba(255,255,255,0.5);
    padding:60px 0 30px;
  }
  .footer-top{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:40px;
    padding-bottom:40px;
    border-bottom:1px solid rgba(255,255,255,0.1);
    margin-bottom:30px;
  }
  @media(max-width:800px){
    .footer-top{grid-template-columns:1fr 1fr;gap:30px;}
  }
  @media(max-width:500px){
    .footer-top{grid-template-columns:1fr;}
  }

  .footer-brand .brand{margin-bottom:16px;}
  .footer-brand .brand .brand-text strong{color:white;}
  .footer-brand p{font-size:14px;line-height:1.6;max-width:280px;}

  .footer-col h4{
    font-size:12px;font-weight:700;
    color:white;
    letter-spacing:0.08em;
    text-transform:uppercase;
    margin-bottom:16px;
  }
  .footer-col ul li{margin-bottom:10px;}
  .footer-col ul a{
    font-size:14px;
    color:rgba(255,255,255,0.5);
    transition:color .2s;
  }
  .footer-col ul a:hover{color:white;}

  .footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    font-size:13px;
  }
  .footer-badges{display:flex;gap:20px;}
  .footer-badges span{
    display:flex;align-items:center;gap:6px;
    font-size:12px;
  }
  .footer-badges svg{width:14px;height:14px;stroke:var(--teal-l);}

  .back-to-holding{
    display:inline-flex;align-items:center;gap:6px;
    font-size:12px;color:rgba(255,255,255,0.5);
    margin-top:20px;
    transition:color .2s;
  }
  .back-to-holding:hover{color:white;}
  .back-to-holding svg{width:14px;height:14px;stroke:currentColor;}