/* final GEO：只以 references/final-geo.png 為視覺真本 */

.geo-section{padding:76px 0}
.geo-kicker{
  color:var(--orange-dark);
  font-size:13px;
  font-weight:600;
  margin-bottom:14px;
}
.geo-section h2{
  font-size:clamp(30px,2.45vw,40px);
  line-height:1.45;
}
.geo-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:36px;
}
.geo-section-head h2{margin:0}
.geo-section-head p{
  max-width:570px;
  margin:0;
  color:#777069;
  font-size:13px;
  line-height:1.8;
}

/* Hero */
.geo-hero{
  position:relative;
  overflow:hidden;
  background:#fbf7f0;
}
.geo-hero-photo{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(251,247,240,.96) 0%,rgba(251,247,240,.92) 28%,rgba(251,247,240,.55) 52%,rgba(251,247,240,.16) 76%,rgba(251,247,240,.05) 100%),
    url("../images/geo/hero-workspace.jpg") center center/cover no-repeat;
  opacity:1;
}
.geo-hero-grid{
  position:relative;
  z-index:2;
  min-height:450px;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:44px;
  align-items:center;
}
.geo-hero-copy{
  padding:60px 0;
}
.geo-hero-copy h1{
  font-size:clamp(40px,3.5vw,52px);
  line-height:1.35;
  letter-spacing:-.035em;
  margin-bottom:18px;
}
.geo-hero-copy h1 span{color:var(--orange-dark)}
.geo-hero-copy>p:last-of-type{
  max-width:560px;
  color:#6f6861;
  font-size:14px;
  line-height:1.95;
}
.geo-hero-actions{
  display:flex;
  gap:12px;
  margin-top:24px;
}
.geo-ai-demo{
  width:min(100%,480px);
  justify-self:end;
  margin-right:28px;
}
.geo-query{
  margin:0 0 12px 40px;
  padding:14px 18px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 28px rgba(58,43,33,.08);
  font-size:13px;
  font-weight:500;
}
.geo-answer{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:22px 24px;
  border-radius:14px;
  background:rgba(255,255,255,.95);
  border:1px solid #ece2d9;
  box-shadow:0 18px 42px rgba(58,43,33,.08);
}
.geo-answer-icon{
  width:38px;height:38px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#f3f5f7;
  color:#626a70;
}
.geo-answer p{
  margin:0;
  color:#5d5750;
  font-size:13px;
  line-height:1.8;
}
.geo-answer-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}
.geo-answer-tags span{
  padding:5px 9px;
  border-radius:999px;
  background:#eef2f5;
  color:#6c747a;
  font-size:10px;
}

/* Search shift */
.geo-shift{background:#fff}
.shift-grid{
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  gap:58px;
  align-items:center;
}
.shift-copy h2{margin-bottom:16px}
.shift-copy p{
  margin:0;
  color:#726b64;
  font-size:14px;
  line-height:1.9;
}
.shift-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.shift-points article{
  text-align:center;
  padding:8px 24px;
}
.shift-icon{
  width:76px;height:76px;
  margin:0 auto 16px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#fff7ef;
}
.shift-icon svg{
  width:42px;height:42px;
  fill:none;
  stroke:var(--orange-dark);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.shift-points h3{
  font-family:var(--sans);
  font-size:17px;
  margin-bottom:8px;
}
.shift-points p{
  margin:0;
  color:#817a73;
  font-size:12px;
  line-height:1.7;
}

/* SEO vs AI */
.seo-ai{
  position:relative;
  overflow:hidden;
  background:#fff;
}
.seo-ai-photo{
  position:absolute;
  inset:0 auto 0 0;
  width:36%;
  background:
    linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.14)),
    url("../images/geo/seo-workspace.jpg") center/cover no-repeat;
}
.seo-ai-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:38px;
  align-items:center;
  min-height:440px;
}
.seo-ai-copy{
  padding:30px 0 30px 30px;
}
.seo-ai-copy>h2{margin-bottom:4px}
.seo-ai-copy>p{
  margin-bottom:22px;
  color:#7a736c;
  font-size:13px;
}
.compare-table{
  border:1px solid #eee4da;
  background:#fff;
}
.compare-row{
  display:grid;
  grid-template-columns:.72fr 1fr 1.25fr;
}
.compare-row>div{
  min-height:54px;
  padding:14px 15px;
  border-top:1px solid #eee4da;
  border-left:1px solid #eee4da;
  color:#645e57;
  font-size:12px;
  line-height:1.6;
}
.compare-row>div:first-child{border-left:0}
.compare-row:first-child>div{border-top:0}
.compare-head{
  font-weight:600;
  background:#fffdf9;
}
.compare-head>div:last-child{
  color:var(--orange-dark);
  background:#fff4e9;
}
.seo-note{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  margin-top:18px;
  padding:14px 16px;
  background:#fff9f2;
  border:1px solid #f1e6db;
}
.seo-note span{font-size:22px}
.seo-note p{
  margin:0;
  color:#756e67;
  font-size:11px;
  line-height:1.75;
}

/* Outcomes */
.geo-outcomes{background:#fbf8f3}
.outcome-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.outcome-grid article{
  min-height:164px;
  padding:22px 18px;
  background:#fff;
  border:1px solid #eee5dc;
  text-align:center;
}
.outcome-icon{
  width:54px;height:54px;
  display:grid;place-items:center;
  margin:0 auto 14px;
}
.outcome-icon svg{
  width:40px;height:40px;
  fill:none;
  stroke:var(--orange-dark);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.outcome-grid h3{
  font-family:var(--sans);
  font-size:16px;
  margin-bottom:8px;
}
.outcome-grid p{
  margin:0;
  color:#817a73;
  font-size:12px;
  line-height:1.7;
}

/* Services */
.geo-services{background:#fff}
.geo-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.geo-service-card{
  background:#fff;
  border:1px solid #eee5dc;
  box-shadow:0 10px 30px rgba(55,41,29,.045);
  overflow:hidden;
}
.geo-service-card img{
  width:100%;
  height:132px;
  object-fit:cover;
}
.geo-service-card>div{
  padding:18px 20px 20px;
}
.geo-service-card h3{
  font-size:21px;
  margin-bottom:9px;
}
.geo-service-card p{
  min-height:48px;
  margin:0 0 12px;
  color:#6c655f;
  font-size:12px;
  line-height:1.75;
}
.geo-service-card a{
  color:var(--orange-dark);
  font-size:12px;
  font-weight:600;
}

/* Process */
.geo-process{background:#fbf8f3}
.geo-process-row{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  margin:0;
  padding:4px 0 0;
}
.geo-process-row li{
  position:relative;
  min-height:112px;
  display:grid;
  grid-template-columns:36px 48px 1fr;
  gap:8px;
  align-items:center;
  padding:15px 13px;
  background:#fffdfa;
  border:1px solid #eee4da;
  border-radius:999px;
}
.geo-process-row li:not(:last-child):after{
  content:"›";
  position:absolute;
  right:-13px;
  top:50%;
  transform:translateY(-50%);
  color:var(--orange-dark);
  font-size:20px;
}
.step-number{
  align-self:start;
  width:29px;height:29px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#ffe1cc;
  color:#6f4935;
  font-size:12px;
}
.step-icon{
  width:44px;height:44px;
  display:grid;place-items:center;
}
.step-icon svg{
  width:38px;height:38px;
  fill:none;
  stroke:#666d72;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.geo-process-row h3{
  font-family:var(--sans);
  font-size:15px;
  margin:0 0 5px;
}
.geo-process-row p{
  margin:0;
  color:#7d766f;
  font-size:10px;
  line-height:1.6;
}

/* Deliverables */
.geo-deliverables{background:#fff}
.deliverable-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.deliverable-grid article{
  min-height:148px;
  padding:20px 16px;
  background:#fff;
  border:1px solid #eee5dc;
  text-align:center;
}
.deliverable-icon{
  width:50px;height:50px;
  display:grid;place-items:center;
  margin:0 auto 11px;
}
.deliverable-icon svg{
  width:38px;height:38px;
  fill:none;
  stroke:var(--orange-dark);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.deliverable-grid h3{
  font-family:var(--sans);
  font-size:16px;
  margin-bottom:7px;
}
.deliverable-grid p{
  margin:0;
  color:#7e7770;
  font-size:11px;
  line-height:1.7;
}

/* Contact */
.geo-contact{
  position:relative;
  overflow:hidden;
  background:#fbf7f0;
}
.geo-contact-photo{
  position:absolute;
  inset:0 auto 0 0;
  width:38%;
  background:
    linear-gradient(90deg,rgba(251,247,240,.02) 0%,rgba(251,247,240,.12) 18%,rgba(251,247,240,.38) 42%,rgba(251,247,240,.86) 74%,rgba(251,247,240,.98) 100%),
    url("../images/geo/contact-clean.jpg") left center/cover no-repeat;
}
.geo-contact-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:70px;
  align-items:center;
}
.geo-contact-copy{
  min-height:350px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:88px;
}
.geo-contact-copy h2{
  max-width:500px;
  font-size:clamp(31px,2.7vw,42px);
  line-height:1.5;
  margin-bottom:14px;
}
.geo-contact-copy h2 span{color:var(--orange-dark)}
.geo-contact-copy p{
  max-width:470px;
  margin:0;
  color:#6e675f;
  font-size:13px;
  line-height:1.9;
}
.geo-contact-visual-note{
  position:absolute;
  left:21.5%;
  bottom:42px;
  z-index:2;
  color:#3f3934;
  font-family:var(--serif);
  font-size:13px;
  line-height:1.8;
  transform:rotate(-4deg);
  transform-origin:left center;
  white-space:nowrap;
}
.geo-contact .contact-form{
  width:100%;
  background:#fff;
  padding:28px 30px 26px;
  border:1px solid #eadfd5;
  box-shadow:0 14px 38px rgba(55,41,29,.06);
}
.geo-contact .contact-form h3{
  font-size:24px;
  margin-bottom:18px;
}
.geo-contact .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.geo-contact .contact-form label{
  display:block;
  margin-bottom:12px;
  color:#5d5650;
  font-size:11px;
}
.geo-contact .contact-form input,
.geo-contact .contact-form select,
.geo-contact .contact-form textarea{
  display:block;
  width:100%;
  margin-top:6px;
  padding:11px 12px;
  border:1px solid #ddd2c8;
  background:#fff;
  color:#2a2724;
}
.geo-contact .contact-form textarea{
  min-height:100px;
  resize:vertical;
}
.form-submit-row{
  display:flex;
  justify-content:flex-end;
}
.geo-contact .contact-submit{
  min-width:200px;
  border:0;
  border-radius:3px;
}

/* Tablet */
@media(max-width:980px){
  .geo-hero-photo{
    inset:0;
    opacity:.34;
  }
  .geo-hero-grid{
    grid-template-columns:1fr;
    min-height:0;
    gap:20px;
    padding:52px 0;
  }
  .geo-hero-copy{padding:0}
  .geo-ai-demo{
    justify-self:start;
    margin-right:0;
    max-width:560px;
  }
  .shift-grid{grid-template-columns:1fr}
  .seo-ai-photo{
    position:relative;
    inset:auto;
    width:auto;
    height:330px;
    margin-bottom:0;
  }
  .seo-ai-grid{
    grid-template-columns:1fr;
    min-height:0;
  }
  .seo-photo-spacer{display:none}
  .seo-ai-copy{padding:36px 0}
  .outcome-grid{grid-template-columns:1fr 1fr}
  .geo-service-grid{grid-template-columns:1fr 1fr}
  .geo-process-row{grid-template-columns:1fr 1fr}
  .geo-process-row li:nth-child(even):after{display:none}
  .deliverable-grid{grid-template-columns:1fr 1fr}
  .geo-contact-photo{
    width:46%;
    background-position:left center;
  }
  .geo-contact-grid{grid-template-columns:1fr}
  .geo-contact-copy{
    min-height:0;
    padding-left:0;
    padding-top:10px;
  }
  .geo-contact-visual-note{
    left:46px;
    bottom:18px;
  }
}

/* Mobile */
@media(max-width:640px){
  .geo-section{padding:82px 0}
  .geo-hero-grid{padding:42px 0}
  .geo-hero-copy h1{font-size:39px}
  .geo-hero-copy>p:last-of-type{font-size:13px}
  .geo-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .geo-hero-actions .button{
    padding:0 10px;
    font-size:11px;
  }
  .geo-ai-demo{width:100%}
  .geo-query{
    margin-left:0;
    font-size:11px;
  }
  .geo-answer{
    grid-template-columns:34px 1fr;
    padding:18px;
  }
  .geo-answer p{font-size:11px}

  .shift-copy h2{font-size:30px}
  .shift-points{
    grid-template-columns:repeat(3,1fr);
    gap:4px;
  }
  .shift-points article{padding:6px 4px}
  .shift-icon{width:54px;height:54px}
  .shift-icon svg{width:30px;height:30px}
  .shift-points h3{font-size:13px}
  .shift-points p{font-size:9px}

  .seo-ai-photo{height:240px}
  .seo-ai-copy h2{font-size:30px}
  .compare-table{overflow:hidden}
  .compare-row{
    grid-template-columns:.65fr 1fr 1.15fr;
  }
  .compare-row>div{
    padding:10px 7px;
    font-size:9px;
  }
  .seo-note{
    grid-template-columns:30px 1fr;
  }

  .geo-section-head{
    display:block;
    margin-bottom:28px;
  }
  .geo-section-head h2{
    font-size:30px;
    margin-bottom:8px;
  }

  .outcome-grid{grid-template-columns:1fr 1fr;gap:10px}
  .outcome-grid article{min-height:160px;padding:20px 12px}
  .outcome-grid h3{font-size:13px}
  .outcome-grid p{font-size:10px}

  .geo-service-grid{grid-template-columns:1fr;gap:14px}
  .geo-service-card{
    display:grid;
    grid-template-columns:104px 1fr;
  }
  .geo-service-card img{
    width:104px;
    height:100%;
    min-height:150px;
  }
  .geo-service-card>div{padding:15px}
  .geo-service-card h3{font-size:17px}
  .geo-service-card p{
    min-height:0;
    font-size:10px;
    margin-bottom:7px;
  }

  .geo-process-row{grid-template-columns:1fr;gap:10px}
  .geo-process-row li{
    min-height:0;
    grid-template-columns:34px 44px 1fr;
    border-radius:26px;
  }
  .geo-process-row li:after{display:none!important}

  .deliverable-grid{grid-template-columns:1fr 1fr;gap:10px}
  .deliverable-grid article{min-height:140px;padding:18px 10px}
  .deliverable-grid h3{font-size:13px}
  .deliverable-grid p{font-size:9px}

  .geo-contact-grid{gap:0}
  .geo-contact-photo{display:none}
  .geo-contact-copy{display:none}
  .geo-contact-visual-note{display:none}
  .geo-contact .contact-form{padding:20px 16px}
  .geo-contact .form-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .geo-contact .contact-submit{
    width:100%;
    min-width:0;
  }
  .form-submit-row{display:block}
}

.geo-outcomes .geo-section-head h2,.geo-services .geo-section-head h2,.geo-process .geo-section-head h2,.geo-deliverables .geo-section-head h2{font-size:36px}