@charset "utf-8";
/* CSS Document */

    :root{
      --primary:#0071e3;
      --primary-dark:#002855;
      --primary-light:#E8F0F8;
      --secondary:#7B8A9A;
      --accent:#0066CC;
      --accent-light:#E6F2FF;

      --text-black:#000;
      --text-dark:#464646;
      --text-muted:#5A6678;

      --bg-light:#F8FAFB;
      --bg-white:#FFFFFF;
      --bg-dark:#1E2D3D;
      --bg-black:#000;

      --border:#E5E9ED;

      --success:#00A99D;

      --shadow-sm:0 2px 8px rgba(0,0,0,0.06);
      --shadow-md:0 8px 24px rgba(0,0,0,0.08);
      --shadow-lg:0 16px 48px rgba(0,0,0,0.12);

      --radius20:20px;
      --radius:70px;
      --radius-lg:20px;
    }

    *{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{
      font-family:'Spoqa Han Sans Neo','sans-serif';
      color:var(--text-dark);
      line-height:1.7;
      background:var(--bg-white);
      word-break:keep-all;
    }
    /* Keep intrinsic image proportions when the available width changes. */
    img{max-width:100%;height:auto;display:block;}
    .container{max-width:1200px;margin:0 auto;padding:0 24px;}

    /* =========================
       Header
    ========================= */
    header{
      position:fixed;top:0;left:0;right:0;z-index:1000;
      background:rgba(255,255,255,0.97);
      backdrop-filter:blur(10px);
      border-bottom:1px solid var(--border);
      transition:all .3s ease;
    }
    .header-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:12px 0;
      gap:18px;
    }
    .logo{display:flex;align-items:center;text-decoration:none;}
    .logo img{height:40px;width:auto;}

    /* Desktop nav */
    .desktop-nav{
      display:flex;
      align-items:center;
      gap:28px;
      margin-left:auto;
      margin-right: 30px;
    }
    .desktop-nav a{
      color:var(--text-dark);
      text-decoration:none;
      font-size:15px;
      font-weight:600;
      transition:color .2s;
      white-space:nowrap;
    }
    .desktop-nav a:hover{color:var(--primary);}

    /* Service dropdown (desktop hover) */
    .nav-dropdown{
      position:relative;
      display:flex;
      align-items:center;
    }

    /* ✅ span(role=button) → button */
    .nav-dropdown-trigger{
      display:flex;
      align-items:center;
      gap:6px;
      color:var(--text-dark);
      text-decoration:none;
      font-size:15px;
      font-weight:600;
      cursor:pointer;
      user-select:none;
      white-space:nowrap;
      border:none;
      background:transparent;
      padding:0;
    }
    .nav-dropdown-trigger:hover{color:var(--primary);}
    .nav-dropdown-trigger svg{transition:transform .2s;}
    .nav-dropdown:hover .nav-dropdown-trigger svg{transform:rotate(180deg);}

    .nav-dropdown-menu{
      display:none;
      position:absolute;
      top:calc(100% + 12px);
      left:50%;
      transform:translateX(-50%);
      background:#fff;
      border:1px solid var(--border);
      border-radius:12px;
      box-shadow:var(--shadow-lg);
      min-width:180px;
      padding:8px 0;
      z-index:100;
    }
    .nav-dropdown-menu::after{
      content:'';
      position:absolute;
      left:0; right:0;
      top:-12px;
      height:12px;
    }
    .nav-dropdown-menu::before{
      content:'';
      position:absolute;
      top:-6px;
      left:50%;
      width:12px;
      height:12px;
      background:#fff;
      border-left:1px solid var(--border);
      border-top:1px solid var(--border);
      transform:translateX(-50%) rotate(45deg);
    }
    .nav-dropdown:hover .nav-dropdown-menu{display:block;}
    .nav-dropdown-menu a{
      display:block;
      padding:10px 18px;
      font-size:14px;
      font-weight:600;
      color:var(--text-dark);
      text-decoration:none;
      transition:all .2s;
    }
    .nav-dropdown-menu a:hover{
      background:var(--primary-light);
      color:var(--primary);
    }

    /* Right controls */
    .header-right{
      display:flex;
      align-items:center;
      gap:12px;
    }

    /* Desktop Language Selector */
    .lang-selector{position:relative;}
    .lang-btn{
      display:flex;
      align-items:center;
      gap:8px;
      padding:9px 12px;
      background:var(--bg-light);
      border:1px solid var(--border);
      border-radius:10px;
      font-size:13px;
      font-weight:700;
      color:var(--text-dark);
      cursor:pointer;
      transition:all .2s;
      white-space:nowrap;
    }
    .lang-btn:hover{background:var(--primary-light);border-color:var(--primary);}
    .lang-dropdown{
      display:none;
      position:absolute;
      top:calc(100% + 8px);
      right:0;
      background:#fff;
      border:1px solid var(--border);
      border-radius:10px;
      box-shadow:var(--shadow-md);
      overflow:hidden;
      z-index:2001;
      min-width:120px;
    }
    .lang-dropdown.active{display:block;}
    .lang-dropdown a{
      display:block;
      padding:10px 14px;
      font-size:13px;
      font-weight:700;
      color:var(--text-dark);
      text-decoration:none;
      transition:all .2s;
    }
    .lang-dropdown a:hover{background:var(--primary-light);color:var(--primary);}

    /* Header CTA */
    .header-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:10px 16px;
      border-radius:999px;
      background:var(--primary);
      color:#fff;
      text-decoration:none;
      font-size:14px;
      font-weight:800;
      transition:transform .2s ease, background .2s ease;
      white-space:nowrap;
    }
    .header-cta:hover{background:var(--primary-dark);transform:translateY(-1px);}

    /* Hamburger button */
    .mobile-menu-btn{
      display:none;
      flex-direction:column;
      gap:5px;
      background:none;
      border:none;
      cursor:pointer;
      padding:10px;
      border-radius:12px;
    }
    .mobile-menu-btn:hover{background:rgba(0,0,0,.05);}
    .mobile-menu-btn span{
      display:block;
      width:24px;
      height:2px;
      background:var(--text-dark);
      transition:all .3s ease;
    }

    /* =========================
       Buttons
    ========================= */
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:14px 28px;border-radius:var(--radius);
      font-size:15px;font-weight:700;text-decoration:none;
      transition:all .3s ease;cursor:pointer;border:none;
    }
    .btn-primary{background:var(--primary);color:#fff;}
    .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);}
    .btn-outline{background:rgba(0,0,0,.75);color:var(--primary);border:2px solid var(--primary);}
    .btn-outline:hover{background:rgba(255,255,255,.95);color:var(--primary);}
    .btn-large{padding:18px 36px;font-size:17px;}
    .btn-white{background:#fff;color:var(--primary);}
    .btn-white:hover{background:var(--bg-light);transform:translateY(-2px);}
    .btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);}
    .btn-ghost:hover{background:rgba(255,255,255,.15);border-color:#fff;}
    .btn-full{width:100%;margin-top:8px;}

    /* =========================
       Section Common
    ========================= */
    section{padding:100px 0;}
    .section-header{text-align:center;max-width:720px;margin:0 auto 56px;}
    .section-tag{
      display:inline-block;padding:6px 16px;background:var(--bg-black);
      color:var(--primary-light);border-radius:50px;font-size:13px;font-weight:800;margin-bottom:16px;
    }
    .section-header h2{font-size:34px;font-weight:800;color:var(--primary);margin-bottom:16px;line-height:1.4;}
    .section-header p{font-size:16px;color:var(--text-muted);}

    /* =========================
       Hero
    ========================= */
    .hero{
      padding:280px 0 130px;
      background:var(--bg-dark);
      position:relative;overflow:hidden;
    }
    .hero-bg{
      position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
    }
    .hero-bg canvas{
      width:100%;height:100%;display:block;
      transform:scale(1.06);transform-origin:center;
      filter:blur(0px) brightness(0.39);
    }
    .hero::before{
      content:"";position:absolute;top:-50%;right:-20%;
      width:800px;height:800px;border-radius:50%;
      background:radial-gradient(circle, rgba(0,169,157,0.08) 0%, transparent 70%);
      z-index:0;pointer-events:none;
    }
    .hero .container,.hero .hero-text{position:relative;z-index:1;}
    .hero-content{text-align:center;}
    .hero-badge{
      display:inline-flex;align-items:center;gap:8px;
      padding:8px 16px;background:var(--primary-light);
      color:var(--primary);border-radius:50px;font-size:14px;font-weight:700;margin-bottom:24px;
    }
    .hero h1{
      font-size:54px;font-weight:900;line-height:1.3;margin-bottom:34px;color:#fff;
    }
    .hero h1 span{color:var(--primary);}
    .hero p{font-size:17px;color:rgba(255,255,255,.78);margin-bottom:36px;line-height:1.8;}
    .hero-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}

    /* =========================
       Client Trust Banner
    ========================= */
    .client-trust-banner{background:var(--bg-black);padding:80px 0;}
    .trust-content{text-align:center;}
    .trust-label{font-size:16px;color:rgba(255,255,255,.95);margin-bottom:12px;}
    .trust-label strong{color:#4DD0E1;font-weight:900;}
    .trust-subtitle{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:28px;}

    .trust-logos-marquee{
      max-width:100%;
      margin:0 auto 18px;
      display:grid;
      gap:10px;
      padding:8px 0 2px;
    }
    .trust-logos-row{
      position:relative;overflow:hidden;
      border-radius:14px;
      padding:6px 0;
      -webkit-mask-image:linear-gradient(to right, transparent 0, #000 10%, #000 90%, transparent 100%);
      mask-image:linear-gradient(to right, transparent 0, #000 10%, #000 90%, transparent 100%);
    }
    .trust-logos-track{
      display:inline-flex;align-items:center;gap:14px;
      will-change:transform;
    }
    .trust-logo-pill{
      flex:0 0 auto;
      background:#fff;
      border-radius:999px;
      padding:12px 22px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 4px 12px rgba(0,0,0,.15);
      transform:translateZ(0);
    }
    .trust-logo-img{
      height:28px;
      width:auto;
      object-fit:contain;
      display:block;
    }
    .trust-logos-row[data-direction="left"] .trust-logos-track{animation:marqueeLeft 22s linear infinite;}
    .trust-logos-row[data-direction="right"] .trust-logos-track{animation:marqueeRight 26s linear infinite;}
    .trust-logos-row:hover .trust-logos-track{animation-play-state:paused;}

    @keyframes marqueeLeft{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
    @keyframes marqueeRight{0%{transform:translateX(-50%);}100%{transform:translateX(0);}}

    .trust-stats{
      display:flex;justify-content:center;gap:48px;margin-top:22px;
      padding-top:24px;border-top:1px solid rgba(255,255,255,.2);
      flex-wrap:wrap;
    }
    .trust-stat-item{text-align:center;}
    .trust-stat-item h3,.trust-stat-item .trust-stat-num{font-size:50px;font-weight:900;color:var(--primary);margin-bottom:5px;}
    .trust-stat-item p{font-size:14px;color:rgba(255,255,255,.8);}

    /* =========================
       Pain Point
    ========================= */
    .pain-point{background:var(--bg-light);}
    .pain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
    .pain-card{
      background:var(--bg-white);padding:28px 24px;border-radius:var(--radius-lg);
      border:1px solid var(--border);transition:all .3s ease;
    }
    .pain-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
    .pain-icon{
      width:32px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:22px;
    }
    .pain-card h3{font-size:17px;font-weight:800;margin-bottom:10px;color:var(--text-black);}
    .pain-card p{font-size:14px;color:var(--text-muted);line-height:1.6;}

    /* =========================
       Features
    ========================= */
    .features{
      position: relative;
      overflow: hidden;
      color:#fff;
    }
    .features::before{
      content:'';
      position:absolute;
      inset:0;
      z-index:1;
      background:linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.55) 100%);
    }
    .features-bg-video{
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      background:#000;
    }
    .features-bg-video video{
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.35) saturate(1.1);
    }
    .features .container{
      position: relative;
      z-index: 1;
    }
    .features .section-tag{background:rgba(255,255,255,.15);color:#fff;}
    .features .section-header h2,.features .section-header p{color:#fff;}
    .features .section-header p{opacity:.85;}
    .feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
    .feature-card{
      background:rgba(255,255,255,.08);padding:28px 20px;border-radius:var(--radius-lg);
      text-align:center;transition:all .3s ease;
    }
    .feature-card:hover{background:rgba(255,255,255,.12);transform:translateY(-4px);}
    .feature-card h3{font-size:16px;font-weight:900;margin-bottom:10px;}
    .feature-card p{font-size:13px;opacity:.75;line-height:1.6;}

    /* =========================
       Feature Detail
    ========================= */
    .feature-detail{padding:100px 0;background:var(--bg-white);}
    .feature-detail.alt{background:var(--bg-light);}
    .feature-detail-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;}
    .feature-detail-content.reverse{grid-template-columns:1.2fr 1fr;}
    .feature-detail-content.reverse .feature-detail-info{order:2;}
    .feature-detail-content.reverse .feature-detail-visual{order:1;}
    .feature-detail-info h2{font-size:30px;font-weight:900;color:var(--text-black);margin:12px 0 16px;line-height:1.4;}
    .feature-detail-list{display:flex;flex-direction:column;gap:20px;margin-left:5px;}
    .feature-detail-item h4,.feature-detail-item h3{font-size:18px;font-weight:900;margin-top:12px;margin-bottom:3px;color:var(--bg-black);}
    .feature-detail-item p{font-size:14px;color:var(--text-dark);line-height:1.6;}
    .feature-detail-visual img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);}

    /* =========================
       Authoring
    ========================= */
    .authoring{background:var(--bg-light);}
    .authoring.alt{background:var(--bg-light);}
    .authoring-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;}
    .authoring-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
    .authoring-item{background:var(--bg-white);padding:22px;border-radius:var(--radius20);border:1px solid var(--border);}
    .authoring-item h4,.authoring-item h3{font-size:15px;color:var(--text-black);font-weight:900;margin-bottom:6px;display:flex;align-items:center;gap:8px;}
    .authoring-item p{font-size:13px;color:var(--text-muted);}
    .authoring-visual img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);}

    /* =========================
       Content Section
    ========================= */
    .content-section{background:var(--bg-light);}
    .content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
    .content-stats-panel{background:var(--bg-white);border-radius:var(--radius-lg);padding:38px;box-shadow:var(--shadow-sm);}
    .content-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:24px;}
    .content-category-card{background:var(--bg-black);padding:20px 14px;border-radius:var(--radius20);text-align:center;border:1px solid var(--border);}
    .content-category-card .category-name{display:block;font-size:13px;color:var(--bg-white);margin-bottom:6px;font-weight:800;}
    .content-category-card .category-count{display:block;font-size:22px;font-weight:900;color:var(--primary);}
    .content-partners-box{background:var(--bg-light);padding:20px;border-radius:var(--radius20);border:1px solid var(--border);}
    .content-partners-box h4,.content-partners-box h3{font-size:13px;color:var(--text-muted);margin-bottom:12px;font-weight:800;}
    .partner-logos-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
    .partner-logos-row img{width:30%;border-radius:10px;border:1px solid var(--border);}

    .content-info-panel{padding-top:10px;}
    .content-info-panel h2{font-size:32px;color:var(--text-black);font-weight:900;margin-bottom:32px;line-height:1.4;}
    .content-info-list{display:flex;flex-direction:column;gap:20px;}
    .content-info-item{margin-left:5px;}
    .content-info-item h4,.content-info-item h3{font-size:18px;font-weight:900;margin-top:12px;margin-bottom:3px;color:var(--bg-black);}
    .content-info-item p{font-size:14px;color:var(--text-dark);line-height:1.6;}

    /* =========================
       Reference
    ========================= */
    .reference{background:var(--bg-white);}
    .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
    .case-card{background:var(--bg-light);padding:28px;border-radius:var(--radius-lg);transition:all .3s ease;}
    .case-card:hover{box-shadow:var(--shadow-md);}
    .case-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
    .case-logo{
      width:44px;height:44px;background:var(--bg-white);border-radius:10px;border-radius:var(--radius-lg);
      display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:var(--text-muted);
    }
.case-logo img{border-radius:10px;}
    .case-card h4,.case-card h3{font-size:17px;font-weight:900;}
    .case-card h4 span,.case-card h3 span{font-size:13px;color:var(--text-muted);font-weight:700;display:block;margin-top:2px;}
    .case-card p{font-size:14px;color:var(--text-muted);line-height:1.7;}



    /* Hashtags */
    .case-hashtags{
      margin-top:18px;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      justify-content:center;
    }
    .tag-chip{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:9px 12px;
      border-radius:999px;
      font-size:12px;
      font-weight:900;
      letter-spacing:-0.2px;
      line-height:1;
      white-space:nowrap;
      color:var(--text-muted);
      background:rgba(255,255,255,0.92);
      border:1px solid rgba(0,0,0,0.08);
      box-shadow:0 1px 6px rgba(0,0,0,0.06);
    }
    .features .tag-chip,
    .client-trust-banner .tag-chip,
    footer .tag-chip{
      background:rgba(255,255,255,0.08);
      border-color:rgba(255,255,255,0.16);
      color:#fff;
      box-shadow:none;
    }

    /* =========================
       Target
    ========================= */
    .target{background:var(--bg-light);}
    .target-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
    .target-card{
      background:var(--bg-white);padding:28px;border-radius:var(--radius-lg);text-align:center;
      border:2px solid transparent;transition:all .3s ease;
    }
    .target-card:hover{border-color:var(--primary);transform:translateY(-4px);}
    .target-icon{
      width:88px;height:88px;background:var(--primary-light);border-radius:50%;
      display:flex;align-items:center;justify-content:center;margin:0 auto 18px;
    }
    .target-card h3{font-size:17px;font-weight:900;margin-bottom:10px;}
    .target-card p{font-size:13px;color:var(--text-muted);}

    /* =========================
       Final CTA
    ========================= */
    .final-cta{
      background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
      color:#fff;text-align:center;position:relative;overflow:hidden;
    }
    .final-cta::before{
      content:"";position:absolute;top:-100px;left:-100px;width:400px;height:400px;
      background:rgba(255,255,255,.08);border-radius:50%;
    }
    .final-cta .container{position:relative;z-index:1;}
    .final-cta h2{font-size:38px;font-weight:900;margin-bottom:16px;}
    .final-cta p{font-size:17px;opacity:.9;margin-bottom:36px;}
    .cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}

    /* =========================
       Contact
    ========================= */
    .contact{background:var(--bg-light);}
    .contact-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start;}
    .contact-info h2{font-size:32px;color:var(--text-black);font-weight:900;margin-bottom:16px;}
    .contact-info > p{font-size:16px;color:var(--text-muted);margin-bottom:32px;}
    .contact-benefits{display:flex;flex-direction:column;gap:16px;}
    .contact-benefit{display:flex;align-items:flex-start;gap:12px;}
    .contact-benefit-icon{
      width:36px;height:36px;background:var(--primary-light);border-radius:8px;
      display:flex;align-items:center;justify-content:center;color:var(--primary);
      font-size:16px;flex-shrink:0;
    }
    .contact-benefit h4,.contact-benefit h3{font-size:15px;font-weight:900;margin-bottom:2px;}
    .contact-benefit p{font-size:13px;color:var(--text-muted);}
    .contact-form-card{
      background:#fff;padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);
    }
    .contact-form-card h3{font-size:20px;font-weight:900;margin-bottom:24px;color:var(--text-dark);}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
    .form-group{margin-bottom:16px;}
    .form-group label{display:block;font-size:14px;font-weight:800;margin-bottom:6px;color:var(--text-dark);}
    .form-group .required{color:#e53e3e;}
    .form-group input,.form-group textarea,.form-group select{
      width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;
      font-size:14px;font-family:inherit;transition:all .2s;
    }
    .form-group input:focus,.form-group textarea:focus,.form-group select:focus{
      outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,58,120,.1);
    }
    .form-group textarea{resize:vertical;min-height:100px;}
    .form-checkbox{display:flex;align-items:flex-start;gap:8px;margin-top:16px;}
    .form-checkbox input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--primary);}
    .form-checkbox label{font-size:13px;color:var(--text-muted);line-height:1.5;}
    .privacy-toggle{color:var(--primary);text-decoration:underline;cursor:pointer;}
    .privacy-content{
      display:none;background:var(--bg-light);padding:14px;border-radius:10px;margin-top:12px;
      font-size:12px;color:var(--text-muted);line-height:1.6;
    }
    .privacy-content.active{display:block;}

    /* =========================
       Footer
    ========================= */
    footer{background:var(--bg-black);color:#fff;padding:60px 0 40px;}
    .footer-content{display:grid;grid-template-columns:1fr;max-width:520px;gap:48px;margin-bottom:40px;}
    .footer-brand .logo{margin-bottom:16px;}
    .footer-brand .logo img{height:36px;filter:brightness(0) invert(1);}
    .footer-brand p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.7;}
    .footer-bottom{
      display:flex;justify-content:space-between;align-items:center;padding-top:32px;
      border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.5);
      flex-wrap:wrap;gap:10px;
    }

    /* =========================
       Modal
    ========================= */
    .modal-overlay{
      display:none;position:fixed;top:0;left:0;width:100%;height:100%;
      background:rgba(0,0,0,.6);z-index:10000;align-items:center;justify-content:center;padding:20px;
    }
    .modal-overlay.active{display:flex;}
    .modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;}
    .modal-close{
      position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--bg-light);
      border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;
    }
    .modal-header{padding:28px 28px 20px;border-bottom:1px solid var(--border);}
    .modal-header h3{font-size:20px;font-weight:900;color:var(--primary);}
    .modal-header p{font-size:14px;color:var(--text-muted);margin-top:8px;}
    .modal-form{padding:24px 28px 28px;}
    .modal-buttons{display:flex;gap:12px;margin-top:20px;}
    .modal-buttons .btn{flex:1;}
    .btn-outline-gray{background:#fff;color:var(--text-dark);border:1px solid var(--border);}
    .btn-outline-gray:hover{background:var(--bg-light);}

    /* =========================
       Animations
    ========================= */
    @keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
    .animate-in{animation:fadeInUp .6s ease forwards;}

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce){
      .trust-logos-track{animation:none !important;}
      html{scroll-behavior:auto;}
    }

    /* =========================
       Slider
    ========================= */
    .gs-slider{
      position:relative;
      width:100%;
      overflow:hidden;
      border-radius:var(--radius-lg);
      box-shadow:var(--shadow-lg);
      border:1px solid var(--border);
      background:#fff;
	touch-action: pan-y;
    }
    .gs-slider__track{
      display:flex;
      width:100%;
      transform:translateX(0);
      transition:transform .6s ease;
      will-change:transform;
    }
    .gs-slider__slide{flex:0 0 100%;width:100%;}
    .gs-slider__slide img{
      width:100%;
      height:auto;
      display:block;
      object-fit:cover;
    }
    .gs-slider__dots{
      display:flex;
      justify-content:center;
      gap:10px;
      margin-top:44px;
    }
    .gs-slider__dot{
      width:8px;height:8px;border-radius:50%;
      background:rgba(0,0,0,.25);
      border:none;cursor:pointer;
      transition:transform .2s ease, background .2s ease;
    }
    .gs-slider__dot[aria-current="true"]{
      background:var(--primary);
      transform:scale(1.25);
    }
    @media (prefers-reduced-motion: reduce){
      .gs-slider__track{transition:none;}
    }

    /* =========================
       ✅ Mobile Fullscreen Panel
    ========================= */
    .mobile-panel{
      position:fixed;
      inset:0;
      z-index:2000;
      background:#fff;

      transform:translateX(100%);
      opacity:0;
      pointer-events:none;
      transition:transform .32s ease, opacity .22s ease;

      display:flex;
      flex-direction:column;
      height:100vh;
    }
    .mobile-panel.active{
      transform:translateX(0);
      opacity:1;
      pointer-events:auto;
    }

    .mnav-head{
      height:76px;
      padding:18px 22px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:14px;
      border-bottom:1px solid var(--border);
      background:#fff;
      flex:0 0 auto;
    }
    .mnav-logo img{ height:34px; width:auto; display:block; }

    .mnav-lang-top{
      position:relative;
      justify-content:center;
      align-items:center;
    }
    .mnav-lang-top .mnav-lang-btn{
      height:38px;
      padding:0 18px;
      border-radius:10px;
      background:#fff;
      border:1px solid rgba(0,0,0,.12);
      font-weight:600;
      font-size:16px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:10px;
      box-shadow:0 1px 0 rgba(0,0,0,.02);
    }
    .mnav-lang-top .lang-dropdown{
      right:auto;
      left:50%;
      transform:translateX(-50%);
      top:calc(100% + 10px);
      min-width:140px;
      border-radius:14px;
      box-shadow:0 16px 40px rgba(0,0,0,.12);
    }
    .mnav-lang-top .lang-dropdown a{
      font-size:14px;
      font-weight:900;
      padding:12px 16px;
    }

    .mnav-close{
      width:44px;height:44px;
      border:none;background:transparent;
      font-size:38px;line-height:1;
      cursor:pointer;color:var(--text-dark);
      display:flex;align-items:center;justify-content:center;
      border-radius:12px;
      justify-self:end;
    }
    .mnav-close:hover{background:rgba(0,0,0,.05);}

    .mnav-body{
      padding:26px 22px 18px;
      overflow:auto;
      -webkit-overflow-scrolling:touch;
      flex:1 1 auto;
    }

    .mnav-item{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      text-decoration:none;
      color:var(--text-dark);
      font-size:18px;
      font-weight:600;
      padding:22px 4px;
      background:transparent;
    }
    .mnav-trigger{
      border:none;
      cursor:pointer;
      background:transparent;
      width:100%;
      text-align:left;
    }
    .mnav-arrow{
      font-size:26px;
      color:rgba(0,0,0,.35);
      transform:translateY(-1px);
    }

    .mnav-group{ margin-top:0; }
    .mnav-sub{
      background:#F3F6F9;
      border-top:1px solid rgba(229,233,237,.9);
      border-bottom:1px solid rgba(229,233,237,.9);
      padding:10px 0;
      display:none;
    }
    .mnav-group.is-open .mnav-sub{display:block;}

    .mnav-subitem{
      display:block;
      padding:18px 22px;
      text-decoration:none;
      color:var(--text-dark);
      font-size:16px;
      font-weight:900;
    }
    .mnav-subitem + .mnav-subitem{ border-top:1px solid rgba(229,233,237,.75); }

    .mnav-foot{
      padding:18px 22px 26px;
      border-top:1px solid var(--border);
      background:#fff;
      flex:0 0 auto;
    }
    .mnav-cta{
      display:flex;
      align-items:center;
      justify-content:center;
      height:74px;
      width:100%;
      border-radius:999px;
      background:var(--primary);
      color:#fff;
      text-decoration:none;
      font-size:22px;
      font-weight:900;
    }

    /* =========================
       Responsive
    ========================= */
    @media (max-width: 980px){
      .desktop-nav{display:none;}
      .header-cta{display:none;}
      .lang-selector{display:none;}
      .mobile-menu-btn{display:flex;}
      .pain-grid,.feature-grid{grid-template-columns:repeat(3,1fr);}
      .feature-detail-content,.feature-detail-content.reverse{grid-template-columns:1fr;gap:40px;}
      .feature-detail-content.reverse .feature-detail-info,.feature-detail-content.reverse .feature-detail-visual{order:unset;}
      .authoring-content{grid-template-columns:1fr;}
      .content-wrapper{grid-template-columns:1fr;}
      .contact-wrapper{grid-template-columns:1fr;}
      .case-grid{grid-template-columns:1fr;}
      .target-grid{grid-template-columns:repeat(2,1fr);}
      .content-category-grid{grid-template-columns:repeat(2,1fr);}
    }
    @media (max-width: 768px){
      .hero{padding:120px 0 60px;}
      .hero h1{font-size:32px;}
      section{padding:60px 0;}
		.hero-bg canvas{filter:blur(3px) brightness(0.39);}
      .section-header h2{font-size:26px;}
      .pain-grid,.feature-grid{grid-template-columns:repeat(2,1fr);}
      .final-cta h2{font-size:28px;}
      .cta-buttons{flex-direction:column;}
      .cta-buttons .btn{width:100%;}
      .form-row{grid-template-columns:1fr;}
      .footer-bottom{flex-direction:column;align-items:flex-start;}

      /* ✅ 모바일에서는 비디오 대신 포스터 배경 */
      .features-bg-video video{display:none;}
      .features-bg-video{
        background:url('img/get_bg.jpg') center/cover no-repeat;
      }
    }
    @media (max-width: 480px){
      .hero-bg canvas{filter:blur(6px) brightness(0.29);}
      .pain-grid,.feature-grid,.target-grid{grid-template-columns:1fr;}
      .trust-logo-pill{padding:10px 16px;}
      .trust-logo-img{height:24px;}
      .case-hashtags{gap:8px;}
      .tag-chip{padding:8px 10px;font-size:11px;}
      .mnav-lang-top .mnav-lang-btn{font-size:15px;}
      .mnav-cta{height:70px;font-size:20px;}
    }

    /* Body lock (mobile panel open) */
    body.menu-open{overflow:hidden;}

.asset-attribution{
  font-size: 9px;
  opacity: .15;
  line-height: 1.4;
}
.asset-attribution a{
  text-decoration: underline;
}
.asset-note{
  margin-left: 6px;
}