:root {
  --ai-ink:#202d31;
  --ai-muted:#617074;
  --ai-line:rgba(45,69,70,.22);
  --ai-paper:rgba(247,250,247,.86);
  --ai-blue:#2c7890;
  --ai-coral:#c9785d;
}

body.ai-service-page { min-width:0; background:#d9e7e4 url("inner-scenes/lakeside-watercolor-v1.png") center / cover fixed no-repeat; color:var(--ai-ink); }
.ai-service-page .top { position:relative; z-index:4; }
.ai-page { max-width:1260px; min-height:calc(100vh - 74px); margin:0 auto; padding:0 56px 84px; background:var(--ai-paper); box-shadow:0 24px 70px rgba(36,71,69,.12); }
.ai-hero { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:56px; align-items:end; min-height:400px; padding:84px 0 56px; border-bottom:1px solid var(--ai-line); }
.ai-kicker,.ai-section-kicker { margin:0 0 15px; color:var(--ai-blue); font-size:10px; font-weight:700; letter-spacing:.2em; }
.ai-hero h1,.ai-section h2 { margin:0; font:500 62px/.96 Georgia,"Noto Serif SC",serif; letter-spacing:0; }
.ai-hero h1 span,.ai-section h2 span { color:var(--ai-coral); }
.ai-hero-copy { max-width:530px; margin:25px 0 0; color:var(--ai-muted); font-size:15px; line-height:2; }
.ai-version { padding:23px 0 7px; border-top:2px solid var(--ai-ink); color:var(--ai-muted); font-size:12px; line-height:1.8; }
.ai-version b { display:block; margin-bottom:5px; color:var(--ai-ink); font:500 20px Georgia,"Noto Serif SC",serif; }
.ai-section { display:grid; grid-template-columns:250px minmax(0,1fr); gap:56px; padding:62px 0; border-bottom:1px solid var(--ai-line); }
.ai-section h2 { font-size:36px; }
.ai-section-main > p:first-child { max-width:690px; margin:1px 0 26px; color:var(--ai-muted); font-size:15px; line-height:1.95; }
.ai-service-list,.ai-rule-list { margin:0; padding:0; list-style:none; }
.ai-service-list li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:18px; padding:19px 0; border-top:1px solid rgba(45,69,70,.15); }
.ai-service-list li:last-child { border-bottom:1px solid rgba(45,69,70,.15); }
.ai-service-list strong { display:block; margin-bottom:5px; font:500 20px Georgia,"Noto Serif SC",serif; }
.ai-service-list p,.ai-rule-list li { margin:0; color:var(--ai-muted); font-size:13px; line-height:1.85; }
.ai-number { padding-top:2px; color:var(--ai-coral); font:500 16px Georgia,serif; }
.ai-rule-list { display:grid; gap:16px; }
.ai-rule-list li { position:relative; padding-left:20px; }
.ai-rule-list li::before { position:absolute; top:.72em; left:0; width:6px; height:6px; border-radius:50%; background:var(--ai-coral); content:""; }
.ai-rule-list b { color:var(--ai-ink); }
.ai-note { margin-top:28px; padding:17px 20px; border-left:3px solid var(--ai-coral); background:rgba(212,226,222,.55); color:#4e6264; font-size:12px; line-height:1.9; }
.ai-bottom { display:flex; justify-content:space-between; gap:30px; padding:34px 0 0; color:var(--ai-muted); font-size:12px; line-height:1.8; }
.ai-bottom a { color:var(--ai-ink); text-decoration:none; border-bottom:1px solid var(--ai-coral); }
.ai-bottom a:hover { color:var(--ai-coral); }
@media (max-width:850px) { .ai-page { padding:0 24px 52px; }.ai-hero { grid-template-columns:1fr; gap:30px; min-height:0; padding:72px 0 38px; }.ai-hero h1 { font-size:clamp(45px,14vw,62px); }.ai-version { max-width:260px; }.ai-section { grid-template-columns:1fr; gap:20px; padding:42px 0; }.ai-section h2 { font-size:33px; }.ai-bottom { flex-direction:column; gap:8px; } }