/* Services and portfolio share one clear hierarchy; hero/contact stay in styles.css. */
.portfolio-section{background:linear-gradient(180deg,#08111a,#060c13);border-block:1px solid #b6d3e51a}
.portfolio-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:32px}
.portfolio-heading h2{margin-bottom:0}.portfolio-heading .section-description{max-width:400px;margin:0 0 6px;line-height:1.9}
.portfolio-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:46px}
.portfolio-jump{display:inline-flex;align-items:center;gap:18px;min-height:46px;border:1px solid #b6d3e52e;border-radius:99px;padding:11px 18px;color:#c9dce6;font-size:13px;background:#bbdfff05;transition:background .2s,border-color .2s}
.portfolio-jump:hover{background:#bbdfff0c;border-color:#b6d3e56b}.portfolio-jump .arrow{width:16px;height:16px;transform:rotate(90deg)}
.project-group{scroll-margin-top:24px}.project-group+.project-group{margin-top:76px}
.project-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #b6d3e525;margin-bottom:26px}
.project-group-heading h3{font:400 38px/1.2 var(--serif);color:#e4edf3;letter-spacing:-.025em}.project-group-heading p{font-size:14px;color:#aabfce;line-height:1.7;max-width:420px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.project-card{min-width:0;overflow:hidden;border:1px solid #b6d3e52e;border-radius:24px;background:linear-gradient(145deg,#10202ccc,#0a1520);color:#e3edf4}
.project-image{display:block;position:relative;aspect-ratio:1.48;overflow:hidden;background:#172730;padding:20px 16px 0;border-bottom:1px solid #b6d3e51a}
.project-image-avtotochka{background:radial-gradient(ellipse at bottom,#66574790,#19232d)}
.project-image-dentline{background:radial-gradient(ellipse at bottom,#3f6b7280,#15262c)}
.project-image-logika{background:radial-gradient(ellipse at bottom,#4f527b99,#172030)}
.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;transition:transform .45s var(--ease)}
.project-image:hover img{transform:translateY(-4px)}
.project-image-arrow{position:absolute;right:14px;bottom:14px;width:35px;height:35px;border-radius:50%;background:#e2edf1;color:#172b3b;display:grid;place-items:center;font-size:20px;box-shadow:0 3px 18px #0003}
.project-body{padding:26px;min-width:0}.project-meta{display:flex;align-items:start;justify-content:space-between;gap:14px;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;color:#a8c3d4}
.project-number{font:400 15px/1.3 var(--sans);color:#9dbbcd;font-variant-numeric:tabular-nums;letter-spacing:0;flex:none}
.project-body h4{font:400 42px/1.12 var(--serif);letter-spacing:-.025em;margin:17px 0 14px;color:#eef3f6}
.project-purpose{font-size:15px;line-height:1.8;color:#c2d2dd;min-height:81px}
.project-points{list-style:none;display:grid;gap:9px;margin:22px 0 24px;padding:0;font-size:14px;line-height:1.65;color:#c7d8e3}
.project-points li{position:relative;padding-left:15px}.project-points li::before{content:'';position:absolute;left:0;top:.67em;width:4px;height:4px;border-radius:50%;background:#a9cadd}
.project-actions{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;min-height:46px}.project-actions .text-link{font-size:13px;gap:10px;padding-block:10px}.project-actions .arrow{width:17px;height:17px}
.project-details{border-top:1px solid #b6d3e522;margin-top:21px}
.project-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 0;font-size:13px;color:#9eb7c9;line-height:1.7}
.project-details summary::-webkit-details-marker{display:none}.project-details summary:hover{color:#e3edf4}.project-plus{font-size:18px;line-height:1;transition:transform .2s}.project-details[open] .project-plus{transform:rotate(45deg)}
.project-details dl{margin-top:19px;font-size:13px;line-height:1.8}.project-details dl>div+div{margin-top:17px}.project-details dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9ebdce;margin-bottom:5px}.project-details dd{margin:0;color:#c1d0dc}
.automation-projects{display:grid;gap:26px}.project-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:36px 40px;background:radial-gradient(ellipse at 100% 0,#31516e20,transparent 70%),linear-gradient(135deg,#101e2c,#0a141f)}
.project-feature>.project-body{padding:0}.project-feature h4{font-size:48px;max-width:440px}.project-feature .project-purpose{min-height:0;max-width:430px;font-size:16px}.project-feature .project-points{font-size:14px;gap:8px;margin-block:22px}.project-feature .project-details{max-width:440px}.project-feature .project-actions .button{font-size:14px;min-height:47px;padding:12px 20px;gap:20px}
.project-knowledge{background:radial-gradient(ellipse at 100% 20%,#35605620,transparent 70%),linear-gradient(135deg,#102026,#0a151e);border-color:#a6cfc42c}
.scenario-preview{margin:0;width:100%;min-width:0;border:1px solid #bad6e333;border-radius:20px;padding:26px;background:linear-gradient(145deg,#1a2c3b,#12212e);box-shadow:0 16px 38px #0002;color:#d9e7ef}
.scenario-preview.bot-preview{transform:none;max-width:none;margin:0}.scenario-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:500;padding-bottom:18px;border-bottom:1px solid #bad6e321;margin-bottom:20px}
.scenario-platform{font-size:10px;line-height:1.6;letter-spacing:.05em;color:#aac5d6;border:1px solid #bad6e329;padding:3px 8px;border-radius:7px;font-weight:400}
.scenario-label{display:block;font-size:11px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase;color:#9eb9cb}
.scenario-steps{display:grid;gap:20px;list-style:none;padding:0;margin:19px 0 0}.scenario-steps li{display:flex;gap:14px;position:relative}.scenario-steps li:not(:last-child)::after{content:'';position:absolute;left:15px;top:37px;bottom:-14px;width:1px;background:#b8d4e522}
.scenario-number{flex:none;display:grid;place-items:center;width:31px;height:31px;border:1px solid #bad6e334;border-radius:50%;color:#a8c8db;font-size:12px}.scenario-steps strong{display:block;font-size:14px;font-weight:500;line-height:1.6}.scenario-steps p{font-size:14px;color:#a9bfce;line-height:1.7;margin-top:4px}
.scenario-preview .scenario-note{font-size:12px;line-height:1.7;color:#9fb6c6;margin-top:22px;border-top:1px solid #bad6e31a;padding-top:15px}
.knowledge-preview{background:linear-gradient(145deg,#193039,#111f2a)}.knowledge-question{padding-bottom:18px}.knowledge-question p{font-size:15px;line-height:1.7;margin-top:5px;color:#dce9ef}.knowledge-answer{background:#b9d5cc08;border:1px solid #b9d5cc25;border-radius:14px;padding:18px}.knowledge-answer>p{font-size:15px;line-height:1.8;margin-top:7px}
.answer-source{display:flex;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #b9d5cc22}.answer-source>span{color:#a1c9c4}.answer-source small,.answer-source strong,.answer-source div>span{display:block}.answer-source small{font-size:10px;line-height:1.6;text-transform:uppercase;letter-spacing:.07em;color:#99bdbb;margin-bottom:5px}.answer-source strong{font-size:13px;line-height:1.7;font-weight:500;color:#c6e2da}.answer-source div>span{font-size:12px;line-height:1.6;color:#a5bfca;margin-top:2px}
@media(max-width:1100px){.project-grid{gap:16px}.project-body{padding:22px 19px}.project-body h4{font-size:37px}.project-meta{font-size:10px;letter-spacing:.04em}.project-purpose{min-height:108px;font-size:14px}.project-points{font-size:14px}.project-feature{padding:30px;gap:30px}.project-feature h4{font-size:44px}.scenario-preview{padding:22px}.portfolio-heading{gap:28px}.portfolio-heading h2{font-size:64px}}
@media(max-width:800px){.portfolio-heading{grid-template-columns:1fr;gap:20px}.portfolio-heading .section-description{max-width:520px}.project-grid{grid-template-columns:1fr;gap:22px}.website-project{display:grid;grid-template-columns:1fr 1.1fr;align-items:start}.project-image{height:100%;min-height:260px;aspect-ratio:auto;border-bottom:0;border-right:1px solid #b6d3e51a;padding:25px 20px 0}.website-project .project-image img{object-fit:contain;object-position:center}.project-body{padding:25px}.project-purpose{min-height:0;font-size:15px}.project-points{font-size:14px}.project-feature{grid-template-columns:1fr 1fr;gap:25px;padding:26px}.project-feature h4{font-size:38px}.project-feature .project-purpose{font-size:15px}.project-feature .project-points{font-size:14px}.scenario-preview{padding:20px}.project-group-heading{align-items:flex-start}.project-group-heading p{max-width:310px;font-size:13px}}
@media(max-width:650px){.portfolio-heading h2{font-size:51px}.portfolio-jumps{gap:8px;margin-bottom:34px}.portfolio-jump{font-size:12px;padding:10px 14px;gap:10px}.project-group-heading{display:block;padding-bottom:17px;margin-bottom:22px}.project-group-heading h3{font-size:33px}.project-group-heading p{margin-top:8px;max-width:none}.project-group+.project-group{margin-top:49px}.website-project{display:block}.project-image{height:auto;min-height:0;aspect-ratio:1.5;border-right:0;border-bottom:1px solid #b6d3e51a;padding:20px 16px 0}.website-project .project-image img{object-fit:cover;object-position:top}.project-body{padding:24px}.project-body h4{font-size:40px}.project-meta{font-size:11px}.project-points{margin-block:18px;font-size:14px}.project-feature{grid-template-columns:1fr;gap:28px;padding:25px}.project-feature h4{font-size:41px}.project-feature .project-purpose{font-size:15px}.project-feature .project-details{max-width:none}.scenario-preview{padding:21px}.project-actions .text-link{font-size:14px}.scenario-preview .scenario-note{font-size:12px}.scenario-steps p{font-size:14px}.scenario-label{font-size:11px}}
@media(max-width:360px){.portfolio-heading h2{font-size:44px}.project-body{padding:21px}.project-feature{padding:21px}.project-feature h4{font-size:36px}.project-meta{font-size:10px}.scenario-preview{padding:17px}.scenario-caption{font-size:13px}.project-feature .project-actions .button{padding-inline:16px;font-size:13px;gap:12px}}
@media(prefers-reduced-motion:reduce){.project-image img,.project-plus{transition:none}}

/* Append after the existing stylesheet. All rules are scoped to this section. */
.services-clarity .section-heading {
  margin-bottom: 38px;
}
.services-clarity .section-description {
  max-width: 580px;
  font-size: 16px;
  line-height: 1.75;
  color: #b7d0df;
}
.services-clarity .clarity-services-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.services-clarity .clarity-service {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  grid-column: auto;
  padding: 30px;
  border: 1px solid #b7d0df29;
  border-radius: 24px;
  background: linear-gradient(145deg, #0c1722, #09121c);
  transition: border-color .2s ease, background-color .2s ease;
}
.services-clarity .clarity-service:hover {
  border-color: #b7d0df66;
}
.services-clarity .clarity-service-number {
  color: #b7d0df;
  font: 500 14px/1.4 var(--sans, 'Manrope', sans-serif);
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
}
.services-clarity .clarity-service h3 {
  margin: 24px 0 14px;
  color: #edf3f6;
  font: 400 38px/1.12 var(--serif, 'Cormorant Garamond', Georgia, serif);
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.services-clarity .clarity-service-description {
  margin: 0;
  color: #b7d0df;
  font: 400 16px/1.7 var(--sans, 'Manrope', sans-serif);
}
.services-clarity .clarity-service-features {
  display: grid;
  gap: 10px;
  margin: 25px 0 28px;
  padding: 22px 0 0;
  border-top: 1px solid #b7d0df21;
  list-style: none;
  color: #d0dfe8;
  font: 400 14px/1.65 var(--sans, 'Manrope', sans-serif);
}
.services-clarity .clarity-service-features li {
  position: relative;
  padding-left: 15px;
}
.services-clarity .clarity-service-features li::before {
  content: '';
  position: absolute;
  top: .71em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #b7d0df;
}
.services-clarity .clarity-service > .text-link {
  align-self: flex-start;
  margin-top: auto;
  min-height: 44px;
  gap: 14px;
  font-size: 14px;
  color: #d4e6f1;
}
.services-clarity .text-link .arrow {
  flex: none;
}
.services-clarity .clarity-services-support {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
  padding: 22px 4px;
  border-bottom: 1px solid #b7d0df29;
}
.services-clarity .clarity-support-copy {
  display: flex;
  align-items: baseline;
  gap: 24px;
  flex-wrap: wrap;
}
.services-clarity .clarity-support-copy p {
  color: #b7d0df;
  font-size: 14px;
}
.services-clarity .clarity-support-copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #dce8ef;
  font-size: 14px;
}
.services-clarity .clarity-services-support > .text-link {
  flex-shrink: 0;
  font-size: 14px;
}
@media (min-width: 801px) and (max-width: 1100px) {
  .services-clarity .clarity-services-grid { gap: 14px; }
  .services-clarity .clarity-service { padding: 24px; }
  .services-clarity .clarity-service h3 { font-size: 34px; }
  .services-clarity .clarity-service-description { font-size: 15px; }
}
@media (max-width: 800px) {
  .services-clarity .section-heading { margin-bottom: 28px; }
  .services-clarity .clarity-services-grid { grid-template-columns: 1fr; gap: 16px; }
  .services-clarity .clarity-service { padding: 26px; }
  .services-clarity .clarity-service h3 { font-size: 38px; margin-top: 17px; }
  .services-clarity .clarity-service-features { margin-block: 21px; padding-top: 18px; }
  .services-clarity .clarity-services-support { align-items: flex-start; gap: 14px; flex-direction: column; padding: 22px 2px; }
  .services-clarity .clarity-support-copy { gap: 10px; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .services-clarity .clarity-service { transition: none; }
}

/* Portfolio addition: the existing cards retain their layout. */
.project-amocrm{background:radial-gradient(ellipse at 100% 0,#37647528,transparent 70%),linear-gradient(135deg,#102331,#0a141f)}
.project-amocrm h4{font-size:46px;max-width:460px}
.project-amocrm .project-purpose{font-size:15px;line-height:1.85;max-width:none}
.project-amocrm-details{font-size:14px;line-height:1.85;color:#b2cbd9;margin-top:16px}
.project-amocrm-tags{font-size:12px;line-height:1.9;color:#b7d2e1;margin:22px 0}
.project-amocrm-origin{font-size:12px;line-height:1.8;color:#a9c1d1;margin-top:20px}
.project-amocrm-shot{min-width:0;margin:0;border:1px solid #bad6e333;border-radius:18px;overflow:hidden;background:#1a2d3a}
.project-amocrm-shot>a{display:block;padding:14px 14px 0}.project-amocrm-shot img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 8px 22px #0002}
.project-amocrm-image-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px;font-size:13px;line-height:1.7;color:#daebf3}.project-amocrm-shot a:hover .project-amocrm-image-link{color:#fff}
.project-amocrm-shot figcaption{border-top:1px solid #bad6e321;padding:15px 18px;font-size:12px;line-height:1.8;color:#b2cbd9}
@media(max-width:1000px){.project-amocrm{grid-template-columns:1fr;gap:28px}.project-amocrm h4{max-width:none}.project-amocrm-shot{max-width:680px;width:100%}}
@media(max-width:650px){.project-amocrm h4{font-size:40px}.project-amocrm .project-purpose{font-size:14px}.project-amocrm-shot>a{padding:9px 9px 0}.project-amocrm-shot figcaption{padding:13px 14px}.project-amocrm-image-link{font-size:12px}}
@media(max-width:360px){.project-amocrm h4{font-size:36px}}
.project-amocrm h4{max-width:540px;font-size:clamp(36px,3.4vw,46px);line-height:1.08}
.project-amocrm .project-amocrm-tags{margin-block:23px}

/* GetCourse portfolio addition; the separate Logika landing remains unchanged. */
.project-getcourse{background:radial-gradient(ellipse at 100% 0,#59587330,transparent 70%),linear-gradient(135deg,#152332,#0c1521)}
.project-getcourse h4{font-size:clamp(36px,3.4vw,46px);max-width:510px;line-height:1.1}
.project-getcourse .project-purpose{max-width:none;font-size:15px;line-height:1.85}
.project-getcourse-tags{font-size:12px;line-height:1.9;color:#bfd1e0;margin:22px 0}
.project-getcourse-shot{min-width:0;margin:0;border:1px solid #bad6e338;border-radius:18px;overflow:hidden;background:#1b2939}
.project-getcourse-shot>a{display:block;padding:12px 12px 0}
.project-getcourse-shot img{display:block;width:100%;height:auto;border-radius:8px}
.project-getcourse-image-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px;font-size:13px;line-height:1.7;color:#daebf3}
.project-getcourse-shot a:hover .project-getcourse-image-link{color:#fff}
@media(max-width:1000px){.project-getcourse{grid-template-columns:1fr;gap:28px}.project-getcourse h4{max-width:none}.project-getcourse-shot{width:100%;max-width:740px}}
@media(max-width:650px){.project-getcourse .project-purpose{font-size:14px}.project-getcourse-shot>a{padding:9px 9px 0}.project-getcourse-image-link{font-size:12px}}

/* Portfolio readability, scoped so the hero and contact retain their original styling. */
.portfolio-section .project-card{border-color:#b6d3e545;box-shadow:0 12px 36px #0002}
.portfolio-section .automation-projects{gap:36px}
.portfolio-section .project-number{font-size:21px;line-height:1.25;color:#c5dce9}
.portfolio-section .project-meta{font-size:12px;line-height:1.7;letter-spacing:.045em;align-items:center}
.portfolio-section .project-purpose{font-size:16px;line-height:1.8}
.portfolio-section .project-points{font-size:15px;line-height:1.75}
.portfolio-section .project-actions .text-link,.portfolio-section .project-details summary{font-size:14px;color:#c3d8e6;min-height:44px}
.portfolio-section .project-details dl{font-size:15px;line-height:1.8}
.portfolio-section .project-details dt{font-size:12px;color:#bed5e3}
.portfolio-section .scenario-preview{border-color:#bad6e357;background:linear-gradient(145deg,#203748,#152a39);box-shadow:0 12px 28px #0002}
.portfolio-section .knowledge-preview{background:linear-gradient(145deg,#203c40,#152b33);border-color:#b5d6ce57}
.portfolio-section .scenario-caption{font-size:16px;line-height:1.6;align-items:baseline;border-bottom-color:#bad6e339}
.portfolio-section .scenario-platform{font-size:11px;flex:none;color:#c4dbe8}
.portfolio-section .scenario-label{font-size:12px;color:#c0d7e5;letter-spacing:.06em}
.portfolio-section .scenario-number{width:34px;height:34px;font-size:16px;border-color:#bad6e35e;color:#d4e8f3}
.portfolio-section .scenario-steps li:not(:last-child)::after{left:16px;top:40px}
.portfolio-section .scenario-steps strong,.portfolio-section .scenario-steps p{font-size:15px}
.portfolio-section .scenario-steps p{color:#bfd2df}
.portfolio-section .scenario-preview .scenario-note{font-size:14px;color:#bed1df;line-height:1.75}
.portfolio-section .knowledge-question p,.portfolio-section .knowledge-answer>p{font-size:16px}
.portfolio-section .knowledge-answer{background:#09171f80;border-color:#bad6cf40}
.portfolio-section .answer-source small{font-size:12px;color:#b4d4cf}
.portfolio-section .answer-source strong,.portfolio-section .answer-source div>span{font-size:14px;color:#c9e0dd}
.portfolio-section .project-amocrm-tags,.portfolio-section .project-getcourse-tags{font-size:13px}
.portfolio-section .project-amocrm-details,.portfolio-section .project-amocrm-origin{font-size:14px}
.portfolio-section .project-amocrm-image-link,.portfolio-section .project-getcourse-image-link,.portfolio-section .project-amocrm-shot figcaption{font-size:14px}
.portfolio-section .project-body,.portfolio-section .scenario-preview{overflow-wrap:break-word}
@media(max-width:900px){.portfolio-section .project-feature{grid-template-columns:1fr;gap:28px}.portfolio-section .project-feature .project-purpose,.portfolio-section .project-feature .project-details{max-width:none}.portfolio-section .project-feature h4{max-width:none}}
@media(max-width:650px){.portfolio-section .project-feature{padding:24px 20px}.portfolio-section .scenario-preview{padding:20px 16px}.portfolio-section .project-body{padding:24px 20px}.portfolio-section .project-feature>.project-body{padding:0}.portfolio-section .project-number{font-size:20px}.portfolio-section .project-meta{font-size:11px}.portfolio-section .scenario-caption{gap:8px}.portfolio-section .portfolio-jump{font-size:14px}.portfolio-section .project-group-heading p{font-size:14px}}
@media(max-width:360px){.portfolio-section .project-feature{padding:22px 16px}.portfolio-section .project-body{padding:22px 16px}.portfolio-section .project-feature>.project-body{padding:0}.portfolio-section .scenario-preview{padding:18px 14px}.portfolio-section .scenario-caption{flex-wrap:wrap}.portfolio-section .project-feature .project-actions .button{font-size:14px;white-space:normal;text-align:left}}