/* Detailed management service page. The whole composition uses the global 12-column grid. */
.management-page { --management-muted:var(--inner-muted); --management-ink:var(--inner-text); }
.management-page main :is(h1,h2,h3) { text-wrap:balance; }
.management-page main :is(p,li,summary) { text-wrap:pretty; }
.management-page main :is(a,button,summary):focus-visible { outline:2px solid var(--c-accent); outline-offset:5px; }
.management-page h1,.management-page h2 { font-family:var(--f-display); font-weight:400; letter-spacing:-.03em; line-height:1.06; }
.management-page h2 { font-size:clamp(38px,4.3vw,62px); }
.management-page h3 { font-size:18px; line-height:1.42; font-weight:500; }
.management-page h1 span,.management-page h2 span { display:block; }
.management-page .management-eyebrow { font-family:var(--f-mono); font-size:11px; line-height:1.6; letter-spacing:.12em; text-transform:uppercase; color:var(--management-muted); margin-bottom:18px; }
.management-page .management-section { position:relative; isolation:isolate; padding:clamp(72px,8vw,128px) 0; overflow:hidden; }
.management-page .management-section > .container { position:relative; z-index:1; }
.management-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; color:var(--management-muted); font-size:12px; }
.management-breadcrumbs a { display:inline-flex; min-height:36px; align-items:center; color:inherit; }

/* Hero: a dark workspace with a factual feedback loop. */
.management-hero { position:relative; overflow:hidden; padding:126px 0 0; background:radial-gradient(ellipse at 87% 42%,rgba(var(--inner-glow-rgb),.2),transparent 48%),radial-gradient(ellipse at 12% 93%,rgba(var(--inner-glow-rgb),.12),transparent 50%),var(--inner-bg); }
.management-hero::before { content:""; position:absolute; inset:0; opacity:.55; pointer-events:none; background-image:linear-gradient(rgba(var(--inner-diagram-rgb),.045) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--inner-diagram-rgb),.045) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent 8%,#000 50%,transparent 96%); }
.management-hero__grid { display:grid; grid-template-columns:var(--grid-columns); gap:var(--gap); align-items:center; padding:50px 0 52px; }
.management-hero__copy { grid-column:span 7; min-width:0; }
.management-hero h1 { max-width:750px; font-size:clamp(48px,5.35vw,78px); margin-bottom:26px; }
.management-hero h1 em { display:block; color:var(--c-accent-light); font-style:normal; }
.management-hero__lead { max-width:620px; color:var(--management-muted); font-size:17px; line-height:1.8; }
.management-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 25px; margin-top:30px; }
.management-hero .btn { min-height:50px; justify-content:center; }
.management-anchor { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:14px; text-decoration:underline; text-decoration-color:rgba(240,237,230,.28); text-underline-offset:6px; }
.management-anchor span { color:var(--c-accent); }
.management-expert { display:inline-flex; align-items:center; gap:12px; margin-top:34px; font-size:13px; line-height:1.55; }
.management-expert img { width:42px; height:42px; flex-shrink:0; }
.management-expert strong,.management-expert > span:nth-child(2) > span { display:block; }
.management-expert strong { color:var(--c-text); font-weight:500; }
.management-expert > span:nth-child(2) > span { color:var(--management-muted); }
.management-expert > span:last-child { color:var(--c-accent); }
.management-cycle { grid-column:span 5; min-width:0; padding:27px; border:1px solid var(--inner-line); border-radius:22px; background:linear-gradient(135deg,rgba(var(--inner-glow-rgb),.13),rgba(25,24,23,.82)); box-shadow:0 30px 70px -42px #000; }
.management-cycle figcaption { display:flex; align-items:center; gap:9px; color:var(--management-muted); font-family:var(--f-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.management-cycle figcaption span { width:6px; height:6px; border-radius:50%; background:var(--inner-detail); box-shadow:0 0 14px rgba(var(--inner-glow-rgb),.5); }
.management-cycle svg { display:block; width:100%; margin:14px auto 1px; color:var(--inner-detail); overflow:visible; }
.management-cycle__ring { fill:none; stroke:rgba(var(--inner-diagram-rgb),.26); stroke-width:1; stroke-dasharray:3 8; }
.management-cycle__flow { fill:none; stroke-width:2; stroke-linecap:round; }
.management-cycle__flow--one { color:var(--inner-honey); stroke:currentColor; }
.management-cycle__flow--two { color:var(--inner-coral); stroke:currentColor; }
.management-cycle__flow--three { color:var(--inner-sage); stroke:currentColor; }
.management-cycle__node rect { fill:var(--inner-surface); stroke-width:1.4; }
.management-cycle__node path,.management-cycle__node circle { fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.management-cycle__node text { fill:var(--inner-text); font-family:var(--f-mono); font-size:12px; }
.management-cycle__node--data rect,.management-cycle__node--data path { stroke:var(--inner-honey); }
.management-cycle__node--choice rect,.management-cycle__node--choice path,.management-cycle__node--choice circle { stroke:var(--inner-coral); }
.management-cycle__node--feedback rect,.management-cycle__node--feedback path { stroke:var(--inner-sage); }
.management-cycle__center { fill:rgba(232,88,62,.12); stroke:var(--c-accent); stroke-width:1.5; }
.management-cycle__center-mark { fill:none; stroke:var(--inner-text); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.management-cycle > p { margin-top:4px; color:var(--management-muted); font-size:12px; line-height:1.65; }
.management-jump { display:flex; flex-wrap:wrap; gap:5px 33px; padding:13px 0; border-top:1px solid var(--c-border); }
.management-jump a { display:flex; align-items:center; min-height:42px; color:var(--management-muted); font-size:13px; }
.management-jump a:hover { color:var(--c-text); }

.management-heading { max-width:840px; margin-bottom:43px; }
.management-heading h2 { margin-bottom:20px; }
.management-heading > p:last-child { max-width:700px; color:var(--management-muted); font-size:17px; line-height:1.78; }
.management-section--warm { --management-muted:var(--inner-muted-light); color:var(--inner-ink); background:radial-gradient(ellipse at 97% 0%,rgba(var(--inner-glow-rgb),.25),transparent 47%),var(--inner-light); }
.management-section--warm::after { content:""; position:absolute; width:420px; height:420px; right:-150px; bottom:-180px; border:1px solid var(--inner-line-light); border-radius:50%; box-shadow:0 0 0 55px rgba(var(--inner-glow-rgb),.045),0 0 0 110px rgba(var(--inner-glow-rgb),.025); }
.management-section--warm h2,.management-section--warm h3 { color:var(--inner-ink); }
.management-reasons { display:grid; grid-template-columns:var(--grid-columns); gap:var(--gap); }
.management-reason { grid-column:span 4; display:flex; flex-direction:column; min-width:0; padding:30px; border:1px solid var(--inner-line-light); border-radius:17px; background:rgba(255,255,255,.28); }
.management-reason__icon { width:54px; height:54px; display:grid; place-items:center; margin-bottom:31px; border-radius:50%; color:var(--inner-muted-light); background:rgba(var(--inner-glow-rgb),.15); }
.management-reason__icon svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.management-reason h3 { min-height:2.85em; margin-bottom:12px; }
.management-reason p { color:var(--inner-muted-light); font-size:15px; line-height:1.75; }
.management-note { display:grid; grid-template-columns:34px minmax(0,1fr); gap:17px; max-width:880px; margin-top:28px; padding-top:25px; border-top:1px solid var(--inner-line-light); color:var(--inner-muted-light); font-size:14px; line-height:1.8; }
.management-note > span { color:var(--c-accent); font-size:22px; line-height:1.1; }
.management-note a { color:var(--inner-ink); text-decoration:underline; text-decoration-color:rgba(41,40,34,.4); text-underline-offset:4px; }

/* Four connected work areas: a board, rather than a repeated sales-card grid. */
.management-section--blue { --management-muted:var(--inner-muted); background:radial-gradient(ellipse at 12% 92%,rgba(var(--inner-glow-rgb),.25),transparent 52%),var(--inner-surface); border-block:1px solid var(--inner-line); }
.management-section--blue::before { content:""; position:absolute; inset:0; opacity:.5; background-image:linear-gradient(rgba(var(--inner-diagram-rgb),.045) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--inner-diagram-rgb),.045) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(0deg,transparent 7%,#000 30%,#000 80%,transparent); }
.management-heading--split { max-width:none; display:grid; grid-template-columns:var(--grid-columns); gap:var(--gap); align-items:end; }
.management-heading--split > div { grid-column:span 7; }
.management-heading--split > p { grid-column:8 / span 5; margin-bottom:7px; }
.management-board { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--inner-line); border-radius:19px; overflow:hidden; background:rgba(14,14,16,.23); }
.management-board__item { position:relative; display:grid; grid-template-columns:40px minmax(0,1fr) 145px; gap:20px; align-items:start; min-height:214px; padding:31px; }
.management-board__item:nth-child(odd) { border-right:1px solid var(--inner-line); }
.management-board__item:nth-child(-n+2) { border-bottom:1px solid var(--inner-line); }
.management-board__number { align-self:start; color:var(--management-muted); font-family:var(--f-mono); font-size:11px; }
.management-board__item h3 { min-height:2.84em; margin-bottom:11px; }
.management-board__item p { color:var(--management-muted); font-size:14px; line-height:1.72; }
.management-board__item svg { width:100%; align-self:center; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; opacity:.9; }
.management-board__item--queries svg { color:var(--inner-text); }
.management-board__item--ads svg { color:var(--inner-detail); }
.management-board__item--audience svg { color:var(--inner-muted); }
.management-board__item--budget svg { color:rgb(var(--inner-diagram-rgb)); }

.management-section--green { --management-muted:var(--inner-muted); background:radial-gradient(ellipse at 100% 22%,rgba(var(--inner-glow-rgb),.23),transparent 54%),var(--inner-raised); }
.management-measurement { display:grid; grid-template-columns:var(--grid-columns); gap:var(--gap); align-items:end; }
.management-measurement > .management-heading { grid-column:span 6; margin-bottom:0; }
.management-measurement__path { grid-column:7 / span 6; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; padding-bottom:5px; }
.management-measurement__path > div { position:relative; padding-top:43px; border-top:1px solid var(--inner-line); }
.management-measurement__path > div:not(:last-child)::after { content:""; position:absolute; top:-1px; left:calc(100% - 5px); width:10px; height:1px; background:var(--inner-detail); transform:rotate(28deg); transform-origin:left; }
.management-measurement__step { position:absolute; top:14px; left:0; color:var(--inner-detail); font-family:var(--f-mono); font-size:11px; }
.management-measurement__path h3 { margin-bottom:11px; font-size:16px; }
.management-measurement__path p { color:var(--management-muted); font-size:13px; line-height:1.7; }
.management-measurement__foot { display:flex; align-items:flex-start; gap:13px; max-width:835px; margin-top:53px; padding:18px 0 0; border-top:1px solid var(--inner-line); color:var(--management-muted); font-size:14px; line-height:1.75; }
.management-measurement__foot svg { width:25px; flex-shrink:0; fill:none; stroke:var(--inner-detail); stroke-width:1.4; stroke-linecap:round; }

.management-section--dialogue { --management-muted:var(--inner-muted); background:radial-gradient(ellipse at 4% 80%,rgba(var(--inner-glow-rgb),.13),transparent 49%),var(--inner-bg); }
.management-dialogue__grid { display:grid; grid-template-columns:var(--grid-columns); gap:var(--gap); align-items:center; }
.management-dialogue__copy { grid-column:span 6; }
.management-dialogue__copy h2 { margin-bottom:22px; }
.management-dialogue__copy > p:not(.management-eyebrow) { max-width:630px; color:var(--management-muted); font-size:17px; line-height:1.8; }
.management-text-button { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:28px; color:var(--c-text); border-bottom:1px solid rgba(240,237,230,.34); font-size:14px; }
.management-text-button span { color:var(--c-accent-light); font-size:18px; }
.management-dialogue__exchange { grid-column:7 / span 6; display:grid; grid-template-columns:1fr 55px 1fr; gap:0; align-items:center; }
.management-message { min-height:204px; padding:27px; border-radius:17px; }
.management-message > span { display:block; margin-bottom:25px; font-family:var(--f-mono); font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.management-message p { font-size:15px; line-height:1.75; }
.management-message--client { color:var(--inner-text); background:linear-gradient(145deg,rgba(var(--inner-diagram-rgb),.18),rgba(35,33,30,.7)); border:1px solid var(--inner-line); }
.management-message--client > span { color:var(--inner-honey); }
.management-message--expert { color:var(--inner-text); background:linear-gradient(145deg,rgba(var(--inner-diagram-rgb),.09),rgba(25,24,23,.7)); border:1px solid rgba(229,224,213,.1); }
.management-message--expert > span { color:var(--inner-sage); }
.management-exchange-line { position:relative; display:grid; place-items:center; height:1px; background:rgba(240,237,230,.22); }
.management-exchange-line span { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--inner-line); border-radius:50%; color:var(--c-text); background:var(--inner-raised); font-size:15px; }

.management-section--cost { --management-muted:var(--inner-muted-light); color:var(--inner-ink); background:radial-gradient(ellipse at 88% 11%,rgba(255,255,255,.75),transparent 47%),var(--inner-light); }
.management-section--cost h2 { color:var(--inner-ink); }
.management-cost { display:grid; grid-template-columns:var(--grid-columns); gap:var(--gap); align-items:center; }
.management-cost__intro { grid-column:span 6; max-width:650px; }
.management-cost__intro h2 { margin-bottom:21px; }
.management-cost__intro > p:last-child { color:var(--management-muted); font-size:17px; line-height:1.8; }
.management-offer { grid-column:7 / span 6; padding:35px; border-radius:20px; color:var(--c-text); background:radial-gradient(ellipse at 0 0,rgba(var(--inner-glow-rgb),.2),transparent 65%),var(--inner-surface); box-shadow:0 28px 60px -35px rgba(31,29,26,.8); }
.management-offer__price { font-family:var(--f-mono); font-size:clamp(42px,4.3vw,64px); line-height:1; letter-spacing:-.07em; }
.management-offer__price small { font-size:.55em; letter-spacing:-.03em; }
.management-offer__period { margin:8px 0 28px; color:var(--inner-muted); font-size:13px; }
.management-offer ul { display:grid; gap:12px; margin-bottom:23px; }
.management-offer li { position:relative; padding-left:22px; color:var(--inner-text); font-size:14px; line-height:1.6; }
.management-offer li::before { content:""; position:absolute; left:0; top:.55em; width:7px; height:7px; border-radius:50%; background:var(--inner-detail); }
.management-offer__note { padding-top:18px; margin-bottom:26px; border-top:1px solid var(--inner-line); color:var(--inner-muted); font-size:13px; line-height:1.6; }
.management-offer .btn { min-height:50px; justify-content:center; width:100%; }

.management-section--faq { --management-muted:var(--inner-muted); background:var(--inner-deep); }
.management-faq { display:grid; grid-template-columns:var(--grid-columns); gap:var(--gap); }
.management-faq > .management-heading { grid-column:span 5; margin-bottom:0; }
.management-faq__items { grid-column:7 / span 6; border-top:1px solid var(--c-border-hover); }
.management-faq details { border-bottom:1px solid var(--c-border); }
.management-faq summary { display:flex; gap:18px; justify-content:space-between; align-items:center; padding:23px 0; color:var(--c-text); cursor:pointer; font-size:16px; line-height:1.5; list-style:none; }
.management-faq summary::-webkit-details-marker { display:none; }
.management-faq summary::after { content:"+"; flex-shrink:0; color:var(--management-muted); font-family:var(--f-mono); font-size:22px; }
.management-faq details[open] summary { color:var(--c-accent-light); }
.management-faq details[open] summary::after { content:"−"; }
.management-faq details > div { padding:0 30px 25px 0; color:var(--management-muted); font-size:14px; line-height:1.8; }
.management-faq details a { color:var(--c-text); text-decoration:underline; text-underline-offset:4px; }

@media (max-width:1100px) {
  .management-cycle { padding:21px; }
  .management-board__item { grid-template-columns:30px minmax(0,1fr); min-height:0; padding:26px; }
  .management-board__item svg { grid-column:2; max-width:180px; margin-top:4px; }
  .management-dialogue__exchange { grid-template-columns:1fr 40px 1fr; }
  .management-message { padding:22px; }
}
@media (max-width:900px) {
  .management-hero { padding-top:108px; }
  .management-hero__grid { grid-template-columns:1fr; gap:35px; padding-top:34px; }
  .management-hero__copy,.management-cycle,.management-measurement > .management-heading,.management-measurement__path,.management-dialogue__copy,.management-dialogue__exchange,.management-cost__intro,.management-offer,.management-faq > .management-heading,.management-faq__items { grid-column:1 / -1; }
  .management-hero__copy { max-width:700px; }
  .management-cycle { max-width:620px; }
  .management-heading--split { grid-template-columns:1fr; gap:18px; }
  .management-heading--split > div,.management-heading--split > p { grid-column:1; }
  .management-heading--split > p { margin-bottom:0; }
  .management-measurement { grid-template-columns:1fr; gap:32px; }
  .management-measurement__path { max-width:730px; }
  .management-dialogue__grid,.management-cost,.management-faq { grid-template-columns:1fr; gap:35px; }
  .management-dialogue__copy { max-width:690px; }
  .management-offer { max-width:650px; }
  .management-faq__items { max-width:760px; }
}
@media (max-width:680px) {
  .management-page .management-section { padding:66px 0; }
  .management-hero { padding-top:92px; }
  .management-hero__grid { padding-bottom:34px; }
  .management-hero h1 { font-size:clamp(37px,11.5vw,59px); }
  .management-hero__lead,.management-heading > p:last-child,.management-dialogue__copy > p:not(.management-eyebrow),.management-cost__intro > p:last-child { font-size:15px; }
  .management-cycle { padding:18px; border-radius:16px; }
  .management-cycle svg { width:115%; margin-left:-7.5%; }
  .management-cycle > p { font-size:11px; }
  .management-jump { gap:1px 20px; }
  .management-jump a { font-size:12px; }
  .management-heading { margin-bottom:31px; }
  .management-heading h2 { margin-bottom:17px; }
  .management-reasons { grid-template-columns:1fr; gap:12px; }
  .management-reason { grid-column:1; padding:24px; }
  .management-reason__icon { margin-bottom:20px; }
  .management-reason h3 { min-height:0; }
  .management-note { margin-top:22px; }
  .management-board { grid-template-columns:1fr; border-radius:15px; }
  .management-board__item,.management-board__item:nth-child(odd) { border-right:0; border-bottom:1px solid var(--inner-line); }
  .management-board__item:last-child { border-bottom:0; }
  .management-board__item { grid-template-columns:29px minmax(0,1fr); gap:14px; padding:23px; }
  .management-board__item svg { width:155px; }
  .management-board__item h3 { min-height:0; }
  .management-measurement__path { grid-template-columns:1fr; gap:0; }
  .management-measurement__path > div { padding:19px 0 22px 43px; border-top:0; border-left:1px solid var(--inner-line); }
  .management-measurement__path > div:not(:last-child)::after { top:auto; bottom:-1px; left:-1px; width:1px; height:9px; transform:none; }
  .management-measurement__step { left:15px; top:20px; }
  .management-measurement__foot { margin-top:28px; }
  .management-dialogue__exchange { grid-template-columns:1fr; gap:15px; }
  .management-exchange-line { height:35px; width:1px; justify-self:center; }
  .management-message { min-height:0; }
  .management-message > span { margin-bottom:15px; }
  .management-offer { padding:26px 23px; border-radius:16px; }
  .management-offer__price { font-size:49px; }
  .management-faq summary { padding:20px 0; font-size:15px; }
  .management-faq details > div { padding-right:0; font-size:13px; }
}
@media (max-width:360px) {
  .management-hero__actions .btn { width:100%; }
  .management-cycle svg { width:132%; margin-left:-16%; }
  .management-board__item { padding:20px; }
}
@media (prefers-reduced-motion:reduce) { .management-page *, .management-page *::before,.management-page *::after { animation:none!important; transition:none!important; } }