/* basic */


*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

a, *:hover, *:active{-webkit-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -moz-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -ms-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -o-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; }

a,html,body,h1,h2,h3,h4,ul{
    -webkit-overflow-scrolling : touch !important;
    margin:0;
    padding: 0;
    font-family:"Noto Sans TC" ,"微軟正黑體";
    font-size: 1rem;
    list-style-type:none;
    text-decoration:none;
    
}
body{margin:0;   font-family:"Noto Sans TC" ,"微軟正黑體";font-size:0.75em; position: relative;overflow-x: hidden; }
.fc-daygrid-day-number:after {
    content: none;
  }




.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.a_c01{display: block;}
.clear{clear: both;}


/*麵包屑*/
.breadcrumb{width: 90%;height:auto;max-width: 100%;margin: 16px auto 0;padding: 10px;background-color: #ffffff;}
.breadcrumb__content{width: 1600px;height:auto;max-width: 100%;margin: auto;}
.breadcrumb__content li{display: inline-block;    position:relative; padding-right:30px;;}
.breadcrumb__content li a{color:#555555;position:relative;display: block;font-size:1.0em;}
.breadcrumb__content li a:hover{color: #a0a0a0;}
.breadcrumb__content li a::after{content: "";position: absolute;margin: 18px 0 0 18px;top: -15px;width: 1px;height: 16px;background-color: #4d4d4d;transform:rotate(24deg); -ms-transform:rotate(24deg); -webkit-transform:rotate(24deg);}
.breadcrumb__content li:last-child a::after{content: "";display: none;}
.breadcrumb--bodertop{padding-top:15px; border-top:1px #d4d4d4 solid;}

.breadcrumb-icon{position: relative;}
.breadcrumb-icon::after{content: "";position: absolute;}







.header-login{width: 87px;height: 35px;border: 1px solid #ffffff;text-align: center;margin: 12px 0 0 43px;line-height: 32px;}
.header-login a{width: 87px;height: 35px;;color: #ffffff;text-align: center;;display: block;}
.header-login:hover{background-color: rgba(255, 255, 255, 0.23);}




/*header*/
.header{width: 100%;max-width: 100%;height: 65px;position: relative;z-index: 999;position: fixed;top: 0;transition: all 100ms ease-in;margin: auto;right: 0;left: 0;background-color: #1C1814;}



.logo{width: 200px;height: auto;display: block;}
.logo a{width: 200px;height: auto;display: block;opacity: 1;font-size:0; overflow:hidden;}

/*header-font*/
.header-font__title{font-size: 1.25em;line-height: 50px;margin: 0 15px 0 35px;}
.font-list{line-height: 50px;font-size:1.5em;margin: 0 10px 0 ;}
.font-list__border{width:20px ;height: 20px;padding: 6px 9px 6px; }
.topbox-list a{padding: 7px;}
.font-list a{color:#121212;border:  1px solid #000000;}







.header-logo{width:230px;height: auto;z-index: 9;margin: 0 0 0 18px;}
.header-logo img{width: 50px;height: auto;display: block;}
.header-logo a{display: flex;justify-content: center;align-items: center;gap: 7px;}
.header-logo h2{color: #666666;font-size: 1.0em;font-weight: 400;}
.mobile-logo{display: none;}

.header-side{width: 90px;height: auto;background-color: #ffffff;position:fixed;right: 0px;top: 30%;text-align: center;margin: auto;padding: 15px 0;border: 1px solid #000000;border-radius: 15px 0 0 15px ;border-right: 0px;}
.header-side a img{width: 50px;height: 50px;padding: 2px;display: block;margin: auto;}

.logo-h1{font-size: 1.2em;color: rgba(255, 255, 255, 0);opacity: 0;position: absolute;top: 0;}



/*header__nav*/
.header__nav{width: 100%;height:65px;position: relative;align-items: center;justify-content: space-between;z-index: 999;}
.nav-list, .nav-list a{font-size: 1.00em;color: #525252;display: inline-block;margin: 0 25px;  font-family: "Noto Sans TC", sans-serif;}
.nav-list{height: 65px;position: relative;}
.nav-list::after{content: "";position: absolute;width: 2px;height: 10px;background-color: #c3bba5;margin: auto;top: 0;bottom: 0;left: -23px;}
.nav-list:nth-child(2)::after{content: "";position: absolute;height: 0;}




.nav-account{margin:  0 0 0 30px ;}
.nav-account a{color: #ffffff;font-size: 1.5em;}
.header__nav-box{width: 100%;max-width: 100%;height: 50px;margin: auto;}
.menuextend img{width: 12px;height: 10px;margin: 0px 0 3px 14px;}
/*.menuextend span::after{content: "";position:absolute;width: 17px;height: 12px;background-image:url(../images/index/arrow.png);background-size: 17px 12px;background-repeat: no-repeat;display: block;right: 46px;top: 46px;}

/*menu延伸*/
.menuextend{position: relative;}
.nav-list__menu{width: 150px;position: absolute;top: 122%; left: 50%; transform: translate(-50%, 0);transition: all 200ms ease-in;margin: -15px 0 0 0;border-radius: 0px;z-index: 9; display: none; background-color: #153777;box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);border-radius: 6px;}
.nav-list__menu01{right: -138%;top: 10%;width: 140%;}
.nav-list__menu02{width: 100%;left: 100%;top: 8%;z-index: 9999;border-radius: 6px;;position: absolute;display: none;transition: none;margin: 0; box-shadow:0px 1px 0px rgb(0 0 0 / 10%);background-color:rgb(255, 255, 255);border-radius: 0px;height: auto;}
.nav-list__menu02 li a{color: #000;}
.nav-list__menu02 li a:hover{background-color: #c9dee0;}
.menuextend02{position: relative;}
.nav-list__menu--width{width: 58%;right: 22%;}
.menuextend:hover > .nav-list__menu{ display: block;}
.menuextend02:hover > .nav-list__menu02{ display: block;}
.nav-menulist{width: 100%;height: 100%;border-bottom: 1px solid #dbdbdb;}
.nav-menulist a{width: 100%;min-height: 50px;color: #ffffff;font-size: 1.1em!important;display: block;margin: 0;text-align: center;line-height: normal;display: flex;justify-content: center;align-items: center;}
.nav-menulist a:hover{background-color: #0297a5;color: #fff;border-radius: 5px;}
.nav-list__menu .nav-menulist a:hover{color: #fff;}
.molile-icon,.molile-icon01 {display: none;}
.new-detail-link-text span,.nav-menulist span{width: 5px;height: 5px;background-color: #83bb8a;display: inline-flex;margin: 0 4px 4px 0px;}
.new-detail-link-text span{margin: 0 4px 3px 0px;}
.nav-list__menu .nav-menulist:nth-child(1){border-radius:5px 5px 0 0 ;}
.nav-list__menu .nav-menulist:last-child{border-radius:0 0  5px 5px ;}
.nav-menulist:last-child{border: 0;}
.map-prev, .map-next{width: 50px;height: 50px;background-image: url(../images/svg/arrow.svg);background-size:50px 50px;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 45%;right: 2%; opacity: 0.5;transition: all 100ms ease-in }
.map-prev{left: 3%;z-index: 99;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);-ms-transform:rotate(180deg); transform:rotate(180deg);}
.index-councilor .slick-dots{top:100%;left: 0%;z-index: 99;}



/*遮罩*/
.best-mask{width: 100%;height:  100%;position: absolute;z-index: 9;top: 0;transition: all .20s ease-out;right: 0;margin: auto;bottom: 0;left: 0;font-size: 0;}
.best-mask span{display: none;}





 /* ── S1 Behavior Cards ── */
    .behavior-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-top: 32px;
    }
    .bcard {
      border-radius: 10px;
      border: 1px solid var(--border);
      padding: 24px;
      background: var(--white);
    }
    .bcard-ai { border-color: #BF4E37; border-width: 1.5px; }
    .bcard-tag {
      display: inline-block;
      font-family: 'IBM Plex Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 3px 8px;
      border-radius: 3px;
      background: #F0EDE8;
      color: #78716C;
      margin-bottom: 14px;
    }
    .bcard-tag-ai {
      background: rgba(191,78,55,0.1);
      color: var(--accent);
    }
    .bcard-title {
      font-family: 'Noto Serif TC', serif;
      font-size: 20px;
      font-weight: 600;
      color: var(--dark);
      margin-bottom: 10px;
    }
    .bcard-step {
      font-size: 13px;
      color: #78716C;
      line-height: 1.75;
      margin-bottom: 4px;
    }
    .bcard-step strong { color: var(--dark); font-weight: 500; }
    .bcard-step-ai strong { color: var(--accent); }
    .bcard-query {
      display: inline-block;
      margin-top: 10px;
      font-family: 'IBM Plex Mono', monospace;
      font-size: 12px;
      background: rgba(191,78,55,0.08);
      color: var(--accent);
      padding: 6px 12px;
      border-radius: 4px;
      border: 1px solid rgba(191,78,55,0.2);
    }
    .bcard-caption {
      margin-top: 14px;
      font-size: 12px;
      color: #A8A29E;
      line-height: 1.6;
    }
    .bcard-caption strong { color: var(--accent); }

    /* ── S2 Screenshots ── */
    .screens-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-top: 28px;
    }
    .scard {
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid #DDD8D0;
      background: #fff;
    }
    .scard-bar {
      padding: 8px 14px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .scard-bar-google { background: #202124; }
    .scard-bar-ai     { background: #131314; }
    .scard-icon {
      width: 18px;
      height: 18px;
      border-radius: 4px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 9px;
      font-weight: 700;
      color: white;
      font-family: 'IBM Plex Mono', monospace;
      flex-shrink: 0;
    }
    .scard-bar-label {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.04em;
      color: #8A8A8A;
    }
    .scard-img {
      width: 100%;
      height: 240px;
      object-fit: cover;
      object-position: top center;
      display: block;
    }
    .scard-caption {
      padding: 10px 14px;
      font-size: 12px;
      color: #A8A29E;
      border-top: 1px solid #EDE8E2;
      background: #FAFAF9;
      line-height: 1.6;
    }
    .scard-caption strong { color: var(--accent); }

    /* ── S3 Fear ── */
    .fear-list {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-top: 32px;
    }
    .fear-item {
      display: flex;
      gap: 16px;
    }
    .fear-bar {
      width: 3px;
      background: var(--accent);
      flex-shrink: 0;
      border-radius: 2px;
      margin: 3px 0;
    }
    .fear-head {
      font-family: 'Noto Serif TC', serif;
      font-size: 16px;
      font-weight: 600;
      color: #FFFFFF;
      margin-bottom: 6px;
    }
    .fear-desc {
      font-size: 14px;
      color: var(--muted);
      line-height: 1.75;
    }
    .fear-closing {
      margin-top: 32px;
      background: var(--accent);
      border-radius: 8px;
      padding: 20px 24px;
    }
    .fear-closing-text {
      font-family: 'Noto Serif TC', serif;
      font-size: 15px;
      color: #fff;
      line-height: 1.7;
    }

    /* ── S4 Metrics ── */
    .metrics {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-top: 28px;
    }
    .mcard {
      border: 1px solid var(--border);
      border-radius: 10px;
      padding: 28px 32px;
      text-align: center;
    }
    .mcard-clinic {
      font-size: 13px;
      color: #78716C;
      margin-bottom: 8px;
    }
    .mcard-num {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 56px;
      font-weight: 500;
      color: var(--accent);
      line-height: 1;
    }
    .mcard-pct {
      font-size: 28px;
    }
    .mcard-label {
      font-size: 12px;
      color: var(--attr);
      margin-top: 8px;
    }
    .promise-bar {
      margin-top: 20px;
      border: 1px solid var(--border);
      border-left: 3px solid var(--accent);
      border-radius: 0 6px 6px 0;
      padding: 14px 20px;
      background: #FDFCFB;
      font-size: 14px;
      color: #5A534E;
      line-height: 1.6;
    }
    .promise-bar strong { color: var(--accent); font-weight: 600; }

    /* ── S5 Process ── */
    .process-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 32px;
    }
    .pcard {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 10px;
      padding: 20px;
    }
    .pcard-num {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.1em;
      color: var(--accent);
      margin-bottom: 10px;
    }
    .pcard-title {
      font-family: 'Noto Serif TC', serif;
      font-size: 15px;
      font-weight: 600;
      color: var(--dark);
      margin-bottom: 8px;
      line-height: 1.4;
    }
    .pcard-desc {
      font-size: 13px;
      color: #78716C;
      line-height: 1.7;
    }

    /* ── S6 Plan Preview ── */
    .plan-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-top: 32px;
    }
    .plcard {
      border-radius: 10px;
      padding: 28px;
    }
    .plcard-dark {
      background: #2E2420;
      border: 1.5px solid #5A4540;
    }
    .plcard-light {
      background: #FAF0EE;
      border: 1.5px solid #EDD5CF;
    }
    .plcard-tag {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 16px;
    }
    .plcard-tag-light { color: var(--accent); }
    .plcard-main {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 32px;
      font-weight: 500;
      line-height: 1;
      color: #FFFFFF;
    }
    .plcard-main-light { color: var(--accent); }
    .plcard-unit {
      font-size: 14px;
      font-family: 'IBM Plex Mono', monospace;
      color: var(--muted);
      margin-left: 4px;
    }
    .plcard-note {
      margin-top: 14px;
      font-size: 13px;
      color: var(--muted);
      line-height: 1.65;
    }
    .plcard-note-light { color: #8A534E; }
    .plcard-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-top: 16px;
      font-size: 12px;
      color: var(--accent);
      font-family: 'IBM Plex Mono', monospace;
      letter-spacing: 0.04em;
    }




*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Noto Sans TC',sans-serif;background:#ECEAE6;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}

/* Wireframe annotation */
.wf-label{
  position:absolute;top:8px;right:12px;
  font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.08em;
  color:#BF4E37;background:rgba(191,78,55,.08);padding:2px 7px;border-radius:3px;
  border:1px solid rgba(191,78,55,.2);pointer-events:none;
}
.wf-wrap{position:relative;}

/* ── NAV ── */
nav{background:#1C1814;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;position:sticky;top:0;z-index:100;}
.nav-logo{height:26px;}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center;}
.nav-links a{font-size:13px;color:#A8A29E;letter-spacing:.02em;}
.nav-links a:hover{color:#fff;}
.nav-cta{border:1px solid rgba(191,78,55,.6);color:#BF4E37 !important;padding:6px 16px;border-radius:4px;}
.nav-cta:hover{background:#BF4E37;color:#fff !important;}

/* ── SECTION SHELL ── */
.sec{padding:80px 64px;max-width:1280px;margin:0 auto;}
.sec-full{padding:80px 64px;}
.bg-dark{background:#2E2925;margin: 64px 0 0 0;}
.bg-warm{background:#F5F1EC;}
.bg-white{background:#fff;}
.bg-red{background:#BF4E37;}

/* ── SECTION LABEL ── */
.sec-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.sec-eyebrow-bar{width:3px;height:14px;background:#BF4E37;border-radius:2px;flex-shrink:0;}
.sec-eyebrow-text{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;color:#BF4E37;text-transform:uppercase;}


.t-mono{font-family:'IBM Plex Mono',monospace;}
.t-accent{color:#BF4E37;}

/* ── HERO ── */
.hero-sub{font-size:16px;color:#C7BFB9;line-height:1.85;max-width:500px;margin:20px 0 36px;}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:#BF4E37;color:#fff;font-size:14px;font-weight:500;padding:13px 28px;border-radius:5px;}
.btn-primary:hover{opacity:.88;}

/* ── CARDS ── */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:32px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;}

.card{background:#fff;border:1px solid #E8E2DA;border-radius:10px;padding:24px;}
.card-ai{border-color:#BF4E37;border-width:1.5px;}
.card-dark{background:#2E2420;border:1.5px solid #5A4540;}
.card-cream{background:#FAF0EE;border:1.5px solid #EDD5CF;}

.chip{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:16px;font-weight:500;}
.chip-gray{background:#F0EDE8;color:#5A534E;}
.chip-red{background:#BF4E37;color:#fff;}
.chip-red-soft{background:rgba(191,78,55,.1);color:#BF4E37;}

.card-title{font-family:'Noto Serif TC',serif;font-size:22px;font-weight:600;color:#1C1814;margin-bottom:14px;}
.card-body{font-size:15px;color:#5A534E;line-height:1.8;}
.card-caption{margin-top:16px;font-size:13px;color:#6B6258;padding-top:14px;border-top:1px solid #E8E2DA;}

.query-block{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:12px;background:rgba(191,78,55,.08);color:#BF4E37;padding:6px 12px;border-radius:4px;border:1px solid rgba(191,78,55,.2);margin-top:8px;}

/* ── SCREENSHOT CARDS ── */
.scard{border-radius:10px;overflow:hidden;border:1px solid #DDD8D0;}
.scard-bar{padding:9px 14px;display:flex;align-items:center;gap:8px;}
.scard-bar-g{background:#202124;}
.scard-bar-ai{background:#131314;}
.scard-icon{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;font-family:'IBM Plex Mono',monospace;flex-shrink:0;}
.scard-bar-label{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#8A8A8A;letter-spacing:.04em;}
.scard-img{width:100%;height:240px;object-fit:cover;object-position:top center;display:block;background:#2A2A2A;}
.scard-placeholder{width:100%;height:240px;background:#2C2A27;display:flex;align-items:center;justify-content:center;}
.scard-placeholder span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#5A534E;letter-spacing:.06em;}
.scard-caption{padding:10px 14px;font-size:12px;color:#6B6258;border-top:1px solid #EDE8E2;background:#FAFAF9;line-height:1.6;}

/* ── FEAR ── */
.fear-list{display:flex;flex-direction:column;gap:22px;margin-top:32px;}
.fear-item{display:flex;gap:16px;}
.fear-bar{width:3px;background:#BF4E37;border-radius:2px;flex-shrink:0;margin:3px 0;}
.fear-head{font-family:'Noto Serif TC',serif;font-size:16px;font-weight:600;color:#fff;margin-bottom:7px;}
.fear-desc{font-size:14px;color:#A8A29E;line-height:1.75;}
.fear-close{margin-top:32px;background:#BF4E37;border-radius:8px;padding:22px 26px;}
.fear-close p{font-family:'Noto Serif TC',serif;font-size:15px;color:#fff;line-height:1.75;}

/* ── HOW FLOW ── */
.flow-strip{display:flex;align-items:center;gap:0;margin:28px 0 8px;background:#fff;border:1px solid #E8E2DA;border-radius:10px;overflow:hidden;}
.flow-step{flex:1;padding:16px 14px;text-align:center;border-right:1px solid #E8E2DA;position:relative;}
.flow-step:last-child{border-right:none;}
.flow-step-num{font-family:'IBM Plex Mono',monospace;font-size:9px;color:#BF4E37;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;}
.flow-step-label{font-size:12px;color:#1C1814;font-weight:500;line-height:1.4;}
.flow-step-sub{font-size:10px;color:#6B6258;margin-top:3px;}
.flow-arrow{font-size:12px;color:#C7BFB9;margin:0 -1px;z-index:1;}
.flow-note{font-size:13px;color:#78716C;padding:10px 16px;background:#FDF9F8;border:1px solid #EDD5CF;border-radius:6px;margin-top:12px;}
.flow-note strong{color:#BF4E37;}

.how-card{background:#fff;border:1px solid #E8E2DA;border-radius:10px;padding:22px;}
.how-num{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#BF4E37;letter-spacing:.08em;margin-bottom:10px;}
.how-title{font-family:'Noto Serif TC',serif;font-size:16px;font-weight:600;color:#1C1814;margin-bottom:8px;}
.how-desc{font-size:13px;color:#78716C;line-height:1.7;}

/* ── STEPS ── */
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;}
.step-card{background:#fff;border:1px solid #E8E2DA;border-radius:10px;padding:22px;text-align:center;}
.step-num{font-family:'IBM Plex Mono',monospace;font-size:9px;color:#BF4E37;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;}
.step-title{font-size:14px;font-weight:500;color:#1C1814;line-height:1.5;}

.crisis-bar{margin-top:20px;border-left:3px solid #BF4E37;padding:14px 20px;background:#FDF9F8;border-radius:0 6px 6px 0;font-size:14px;color:#5A534E;line-height:1.65;}

/* ── METRICS ── */
.mcard{border:1px solid #E8E2DA;border-radius:10px;padding:32px;text-align:center;}
.mcard-clinic{font-size:13px;color:#78716C;margin-bottom:8px;}
.mcard-num{font-family:'IBM Plex Mono',monospace;font-size:60px;font-weight:500;color:#BF4E37;line-height:1;}
.mcard-pct{font-size:30px;}
.mcard-label{font-size:12px;color:#8A837B;margin-top:8px;}
.promise-bar{margin-top:18px;border-left:3px solid #BF4E37;padding:14px 20px;background:#FDF9F8;border-radius:0 6px 6px 0;font-size:14px;color:#5A534E;line-height:1.65;}

/* ── CTA SECTION ── */
.cta-inner{text-align:center;padding:20px 0;}
.cta-title{font-family:'Noto Serif TC',serif;font-size:28px;font-weight:600;color:#fff;margin-bottom:10px;}
.cta-sub{font-size:14px;color:rgba(255,255,255,.75);margin-bottom:32px;line-height:1.7;}
.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin:0 auto;}
.qr-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;}
.qr-box{width:72px;height:72px;background:rgba(255,255,255,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.qr-box span{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,.5);letter-spacing:.05em;text-align:center;line-height:1.5;}
.qr-tag{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,.5);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;}
.qr-name{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px;}
.qr-desc{font-size:12px;color:rgba(255,255,255,.6);line-height:1.5;}

/* ── FOOTER ── */
footer{background:#1C1814;padding:32px 64px;display:flex;align-items:center;justify-content:space-between;}
.footer-links{display:flex;gap:24px;list-style:none;}
.footer-links a{font-size:12px;color:rgb(155, 155, 155);}
.footer-links a:hover{color:#d3d3d3;}
.footer-copy{font-size:11px;color:#3D3733;}

/* ── LINK TEXT ── */
.link-more{display:inline-block;margin-top:20px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#BF4E37;letter-spacing:.04em;}








/* ── BREADCRUMB ── */
.breadcrumb{display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;margin-bottom:32px;}
.breadcrumb a{color:#A8A29E;}
.breadcrumb a:hover{color:#fff;}
.breadcrumb-sep{color:#5A4540;}
.breadcrumb-current{color:#C7BFB9;}

/* ── ARTICLE GRID ── */
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:0;}
.article-card{background:#fff;border:1px solid #E8E2DA;border-radius:12px;padding:28px;display:flex;flex-direction:column;transition:border-color .2s;}
.article-card:hover{border-color:#BF4E37;}
.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.article-tag{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.08em;color:#BF4E37;text-transform:uppercase;background:rgba(191,78,55,.08);padding:2px 8px;border-radius:3px;border:1px solid rgba(191,78,55,.2);}
.article-date{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#A8A29E;}
.article-title{font-family:'Noto Serif TC',serif;font-size:17px;font-weight:600;color:#1C1814;line-height:1.5;margin-bottom:12px;}
.article-excerpt{font-size:14px;color:#6B6258;line-height:1.75;flex:1;}
.article-more{display:flex;align-items:center;gap:6px;margin-top:20px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#BF4E37;letter-spacing:.04em;padding-top:16px;border-top:1px solid #F0EDE8;}

/* ── PAGINATION ── */
.pagination{display:flex;align-items:center;gap:8px;margin-top:48px;justify-content:center;margin: 15px 0;}
.page-btn{font-family:'IBM Plex Mono',monospace;font-size:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #E8E2DA;color:#6B6258;background:#fff;}
.page-btn.active{background:#BF4E37;border-color:#BF4E37;color:#fff;}
.page-btn:hover:not(.active){border-color:#BF4E37;color:#BF4E37;}





/* ── BREADCRUMB ── */
.breadcrumb{display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;margin-bottom:28px;}
.breadcrumb a{color:#A8A29E;}
.breadcrumb a:hover{color:#fff;}
.breadcrumb-sep{color:#5A4540;}
.breadcrumb-current{color:#C7BFB9;}

/* ── ARTICLE HERO ── */
.article-hero-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;color:#BF4E37;text-transform:uppercase;margin-bottom:16px;}
.article-hero-title{font-family:'Noto Serif TC',serif;font-size:36px;font-weight:900;line-height:1.35;color:#fff;max-width:780px;margin-bottom:20px;}
.article-hero-meta{display:flex;align-items:center;gap:20px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#6B6258;}

/* ── ARTICLE BODY ── */
.article-wrap{max-width:720px;margin:0 auto;}
.article-body{font-size:16px;line-height:1.95;color:#3D3530;}
.article-body p{margin-bottom:20px;}
.article-body h2{font-family:'Noto Serif TC',serif;font-size:22px;font-weight:600;color:#1C1814;margin:40px 0 16px;padding-top:8px;border-top:2px solid #F0EDE8;}
.article-body h3{font-family:'Noto Serif TC',serif;font-size:18px;font-weight:600;color:#1C1814;margin:28px 0 12px;}
.article-body ul{margin:0 0 20px 20px;}
.article-body li{margin-bottom:10px;line-height:1.8;}
.article-body strong{color:#1C1814;font-weight:600;}
.article-body .highlight-box{background:#FDF9F8;border-left:3px solid #BF4E37;padding:16px 20px;border-radius:0 8px 8px 0;margin:24px 0;font-size:15px;color:#5A534E;line-height:1.8;}
.article-body .highlight-box strong{color:#BF4E37;}

/* ── BACK LINK ── */
.back-link{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#BF4E37;letter-spacing:.04em;margin-top:48px;padding-top:24px;border-top:1px solid #E8E2DA;}







.sec-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.sec-eyebrow-bar{width:3px;height:14px;background:#BF4E37;border-radius:2px;flex-shrink:0;}
.sec-eyebrow-text{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;color:#BF4E37;text-transform:uppercase;}

.t-hero{font-family:'Noto Serif TC',serif;font-size:54px;font-weight:900;line-height:1.2;color:#fff;}
.t-h2{font-family:'Noto Serif TC',serif;font-size:32px;font-weight:600;line-height:1.4;}
.t-h2-light{color:#fff;}
.t-body{font-size:16px;line-height:1.85;color:#5A534E;max-width:660px;}
.t-body-light{color:#A8A29E;}
.hero-sub{font-size:16px;color:#C7BFB9;line-height:1.85;max-width:500px;margin:20px 0 36px;}

.cta-inner{text-align:center;padding:20px 0;}
.cta-title{font-family:'Noto Serif TC',serif;font-size:28px;font-weight:600;color:#fff;margin-bottom:10px;}
.cta-sub{font-size:14px;color:rgba(255,255,255,.75);margin-bottom:32px;line-height:1.7;}
.qr-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;}
.qr-box{width:72px;height:72px;background:rgba(255,255,255,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.qr-box span{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,.5);letter-spacing:.05em;text-align:center;line-height:1.5;}
.qr-tag{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,.5);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;}
.qr-name{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px;}
.qr-desc{font-size:12px;color:rgba(255,255,255,.6);line-height:1.5;}


/* ── PIPELINE ── */
.stage-row{display:grid;grid-template-columns:55fr 45fr;border-radius:10px;overflow:hidden;border:1px solid #E8E2DA;margin-bottom:8px;}
.stage-left{padding:24px 28px;background:#fff;border-right:1px solid #E8E2DA;}
.stage-right{padding:24px 28px;background:rgba(191,78,55,.05);}
.stage-num{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:500;color:#6B6258;letter-spacing:.08em;margin-bottom:6px;}
.stage-name{font-family:'Noto Serif TC',serif;font-size:18px;font-weight:600;color:#1C1814;margin-bottom:10px;}
.stage-tag{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.08em;color:#BF4E37;text-transform:uppercase;margin-bottom:6px;}
.stage-desc{font-size:14px;color:#5A534E;line-height:1.75;}
.stage-method{font-family:'Noto Serif TC',serif;font-size:18px;font-weight:600;color:#1C1814;margin-bottom:8px;}
.stage-arrow{text-align:center;padding:6px 0;color:#C7BFB9;font-size:18px;margin-bottom:8px;}

.stage-key{border:2px solid #BF4E37;position:relative;}
.stage-key .stage-num{color:rgba(191,78,55,.25);}
.stage-key .stage-right{background:rgba(191,78,55,.1);}

/* ── PRICING ── */
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;}
.price-card{background:#fff;border:1px solid #E8E2DA;border-radius:14px;padding:36px 32px;display:flex;flex-direction:column;}
.price-card-featured{border:2px solid #BF4E37;position:relative;}
.price-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;background:#BF4E37;color:#fff;padding:3px 14px;border-radius:20px;white-space:nowrap;}
.price-plan{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;color:#6B6258;text-transform:uppercase;margin-bottom:16px;}
.price-name{font-family:'Noto Serif TC',serif;font-size:22px;font-weight:600;color:#1C1814;margin-bottom:20px;}
.price-amount{font-family:'IBM Plex Mono',monospace;font-size:40px;font-weight:500;color:#1C1814;line-height:1;}
.price-unit{font-size:14px;color:#6B6258;margin-top:6px;margin-bottom:24px;}
.price-divider{border:none;border-top:1px solid #F0EDE8;margin:4px 0 20px;}
.price-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#5A534E;line-height:1.6;margin-bottom:12px;}
.price-check{color:#BF4E37;font-weight:700;flex-shrink:0;margin-top:1px;}
.price-warn{color:#B5ADA6;font-size:13px;}
.price-cta{display:block;text-align:center;margin-top:auto;padding-top:24px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em;color:#6B6258;border-top:1px solid #F0EDE8;}
.price-cta-featured{color:#BF4E37;}

/* ── FAQ ── */
.faq-item{border:1px solid #E8E2DA;border-radius:10px;padding:28px 32px;margin-bottom:12px;background:#fff;}
.faq-q{font-family:'Noto Serif TC',serif;font-size:18px;font-weight:600;color:#1C1814;margin-bottom:14px;}
.faq-a{font-size:15px;color:#5A534E;line-height:1.9;}

/* ── REPORT MOCK ── */
.report-wrap{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
.report-card{background:#fff;border:1px solid #E8E2DA;border-radius:12px;padding:28px;}
.report-header{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;color:#6B6258;text-transform:uppercase;margin-bottom:20px;}
.report-row{padding:14px 0;border-bottom:1px solid #F0EDE8;}
.report-row:last-child{border-bottom:none;}
.report-platform-name{font-size:13px;color:#5A534E;font-weight:500;margin-bottom:4px;}
.report-pct{font-family:'IBM Plex Mono',monospace;font-size:24px;font-weight:500;color:#BF4E37;}
.report-trend{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#6B9B6B;margin-left:8px;}
.report-bar-bg{height:5px;background:#F0EDE8;border-radius:3px;margin-top:8px;}
.report-bar-fill{height:100%;background:linear-gradient(to right,#BF4E37,rgba(191,78,55,.4));border-radius:3px;}
.report-note{background:#FDF9F8;border-left:3px solid #BF4E37;padding:14px 16px;border-radius:0 6px 6px 0;margin-top:16px;font-size:13px;color:#5A534E;line-height:1.7;}




/* ── TEAM CARDS ── */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.team-card{background:#fff;border:1px solid #E8E2DA;border-radius:14px;padding:36px 32px;display:flex;flex-direction:column;}
.team-role{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;color:#BF4E37;text-transform:uppercase;margin-bottom:12px;}
.team-name{font-family:'Noto Serif TC',serif;font-size:26px;font-weight:600;color:#1C1814;margin-bottom:4px;}
.team-name-en{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#8A837B;letter-spacing:.04em;margin-bottom:20px;}
.team-divider{border:none;border-top:1px solid #F0EDE8;margin-bottom:20px;}
.team-section-label{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.1em;color:#A8A29E;text-transform:uppercase;margin-bottom:8px;}
.team-edu{font-size:14px;color:#5A534E;line-height:1.7;margin-bottom:20px;}
.team-exp-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#5A534E;line-height:1.65;margin-bottom:8px;}
.team-exp-dot{width:4px;height:4px;background:#BF4E37;border-radius:50%;flex-shrink:0;margin-top:8px;}

/* ── PHILOSOPHY ── */
.philosophy-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:16px;}
.philosophy-quote{font-family:'Noto Serif TC',serif;font-size:24px;font-weight:600;color:#1C1814;line-height:1.6;border-left:3px solid #BF4E37;padding-left:24px;}
.philosophy-body{font-size:15px;color:#5A534E;line-height:1.9;}








@media only screen and (min-width:1301px)
{

   .menuextend:hover > .nav-list__menu{ display: block!important;}

}




@media only screen and (max-width:1700px)
{
    .header-font__title{line-height: 40px;margin: 0 15px 0 15px;}
    
    .header-logo{width:200px;height: auto;max-width: 100%;}
    .footer-top{width: 50px;height: 50px;}
    .footer-top img{width: 50px;height: 50px;}
    .header__nav-box {height: 50px;}

}

















@media only screen and (max-width:1024px)
{
  /*手機板選單往右移*/
 #mobile{left:  -320px;}
 /*選單手機板*/
 .header__nav{width: 220px;height: 100%;position: absolute;top: 0;border-radius: 0;right: 0;position: fixed;background-color: #1C1814;overflow-y:auto;overflow: auto;overflow-x:hidden;display: block;}
 .nav{width: 100%;margin: 55px auto 0px;height:auto;line-height:40px;}
 .nav-list, .nav-list a{margin: 0;height: auto;}
 .nav-list{width: 100%;}
 /*取消HOVER*/
 .molile-icon  > .nav-list__menu{ display: none;}
 .molile-icon01  > .nav-list__menu01{ display: none;}
 .molile-icon02  > .nav-list__menu02{ display: none;}


 .nav-menulist a:hover{color: #ffffff;}

 /*選單手機板修改樣式*/
 .nav-menulist{border-bottom: 1px solid #ffffff;}
 .nav-menulist:nth-last-child(1){border-bottom: 0 ;}
 .nav-list, .nav-list a{color: #ffffff;min-height: 40px;font-size: 1.1em;text-align: center;width: 100%;}
 .nav-list__menu{width: 100%;right: 78%;top: 5%;;z-index: 9999;position: relative;transition: none;margin: 0; box-shadow:0px 1px 0px rgb(0 0 0 / 10%);background-color:rgb(136, 196, 214);border-radius: 0px;height: auto}
 .hvr-underline-from-center:before{content: "";display: none;}
 /*手機板選單按鈕*/
 #header-buttons{width: 30px;height: 35px;background-image: url(../images/svg/menu-button-lines.svg);background-repeat: no-repeat;display: block;background-size: 30px 35px;position: absolute;left: 2%;top:8px;cursor: pointer;}
/*手機板關閉*/
 #trigger-close{width: 20px;height: 20px;display: block;position: absolute;top: -30px;right: 15px;background-image: url(../images/svg/close_icon.svg);background-repeat: no-repeat;cursor: pointer;background-size: 20px 20px;}
 .header-topbox {display: none;}
 .header{height: 50px;justify-content:space-between;top: 0;border-radius: 0;}
 .mobile-logo{width:250px;height: 40px;display:flex;margin-left: 10%;align-items:center;display: block;}
 .mobile-logo a{display: flex;align-items: center;gap: 7px;}
 .mobile-logo h2{color: #666666;font-size: 0.9em;font-weight: 400;}

 .mobile-logo a img{width:  40px;height: auto;display: block;margin: 5px 0 0 10px;}
 .logo{display: none;}  
 .nav-list--display{display: none;}
 .menuextend{position: relative;}
 .molile-icon, .molile-icon01{position: absolute;width: 100%;height:40px;background: url(../images/svg/sort-up.svg);background-size: 10px 10px;background-repeat: no-repeat;cursor: pointer;z-index: 999;background-position: center;background-position:84% 56%;top: 0;display: block;margin: 0;padding: 0;}
 .molile-icon--style{background-position: 96% 56%;}
 .header-logo{display: none;}
.molile-icon01{background-position:94% 56%;}

.header.mini{height: 50px;}

 /*介面調整*/
.nav-list{width: 100%;height: 40px;}
.nav-menulist{width: 100%;min-height: 40px;line-height: 40px;}
.nav-menulist a{padding: 0;width: 100%;;min-height: 40px;line-height: 40px;}

.menuextend:hover > .nav-list__menu{display:none;}



.menuextend img{display: none;}
.header__nav-box{height: auto;position: relative;}
.nav{padding: 0;}
.search-moblie{display: block;}
.search-button{background-color: rgba(255, 255, 255, 0);border: 0;position: absolute;cursor: pointer;top:11px ;right:7px ;color: rgba(255, 255, 255, 0);background-image: url(../images/index/search.png);width: 33px;height: 36px;background-size: 33px 36px;margin: -12px -7px;font-size: 0;}
.search-button::after{content:"";display: none;}
.nav-list::after{display: none;}
.banner{margin: 50px 0 0 0;}
.header-side{display: none;}

.header__nav{align-items:inherit}

.header-topbox__li--none{display: block;}
.topbox-list a{color: #ffffff;}
.topbox-list a::before{content: "";display: none;}


.inner-content{display: block;}
.contact-box{width: 100%;}
.contact-form{width: 100%;margin: 20px auto;}


.banner-inner{height: 28vh;}
.inner-title{font-size: 24px;}
.inner-text{font-size: 16px;}

.nav-links{display: block;}
nav{justify-content:center;}

.bg-dark{margin: 47px 0 0 0;}


}




/* ── RWD 響應式優化 ── */

/* 1. 大型平板與筆電 (1024px 以下) */
@media (max-width: 1024px) {
  nav, .sec, .sec-full, footer {
    padding: 30px; /* 縮減水平間距 */
  }
  .sec { padding-top: 60px; padding-bottom: 60px; }
  
  .article-grid, .team-grid {
    grid-template-columns: repeat(2, 1fr); /* 3 欄變 2 欄 */
  }
  
  .process-grid {
    grid-template-columns: repeat(2, 1fr); /* 4 欄變 2 欄 */
  }
.footer-links{display: block;}
footer{padding: 20px;display: block;text-align: center;}
}

/* 2. 平板與大螢幕手機 (768px 以下) */
@media (max-width: 768px) {

  /* 字體大小調整 */
  .t-hero { font-size: 38px; }
  .t-h2 { font-size: 26px; }

  /* 網格全數轉為單欄 */
  .grid-2, .grid-3, .grid-4, 
  .behavior-grid, .screens-grid, .metrics, 
  .process-grid, .plan-grid, .article-grid, 
  .price-grid, .team-grid, .qr-grid {
    grid-template-columns: 1fr;
  }

  /* 報告區域 (Report Mock) 轉為單欄 */
  .report-wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* 哲學區域 (Philosophy) 轉為單欄 */
  .philosophy-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  /* 流程圖 (Flow Strip) 轉為垂直方向 */
  .flow-strip {
    flex-direction: column;
  }
  .flow-step {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #E8E2DA;
    padding: 20px;
  }
  
  /* Pipeline 階段列調整 */
  .stage-row {
    grid-template-columns: 1fr; /* 左右並排變上下並排 */
  }
  .stage-left { border-right: none; border-bottom: 1px solid #E8E2DA; }
}

/* 3. 小螢幕手機 (480px 以下) */
@media (max-width: 480px) {
 
  
  .t-hero { font-size: 32px; }
  
  .mcard-num { font-size: 48px; } /* 數據字體縮小 */
  
  .btn-primary {
    display: flex;
    width: 100%; /* 按鈕滿版 */
    justify-content: center;
  }

  /* QR Card 調整 */
  .qr-card {
    flex-direction: column;
    text-align: center;
  }
}