/* ARKANOR v49 — commercial systems positioning */
.positioning-bridge{padding:72px 0;background:linear-gradient(145deg,#efe5d3 0%,#fbf8f0 56%,#e5f2ed 100%);color:var(--ink);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(6,27,21,.1)}
.positioning-shell{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);gap:18px;align-items:stretch}
.positioning-main,.positioning-aside{min-width:0;border-radius:24px}
.positioning-main{padding:clamp(28px,4vw,48px);border:1px solid rgba(6,27,21,.1);background:rgba(255,255,255,.74);box-shadow:0 24px 70px rgba(16,56,45,.08)}
.positioning-main .eyebrow{color:#177a6a}
.positioning-main h2{max-width:820px;margin:10px 0 16px;font-family:var(--serif);font-size:clamp(2.35rem,5vw,4.25rem);line-height:.94;letter-spacing:-.025em}
.positioning-main h2 em{color:#147969;font-style:italic;font-weight:500}
.positioning-main>p{max-width:850px;margin:0;color:#536a62;font-size:1rem;line-height:1.7}
.positioning-path{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:32px}
.positioning-path span{position:relative;display:flex;min-width:0;min-height:102px;flex-direction:column;justify-content:flex-end;padding:14px 12px;border:1px solid rgba(6,27,21,.1);border-radius:15px;background:#fff}
.positioning-path span:not(:last-child):after{content:'›';position:absolute;z-index:2;right:-8px;top:21px;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#0c4a3d;color:#f7f2e8;font-weight:900;line-height:1}
.positioning-path b{font-size:.82rem;line-height:1.15}
.positioning-path small{margin-top:4px;color:#6c7d76;font-size:.65rem;line-height:1.28}
.positioning-aside{display:flex;flex-direction:column;padding:clamp(25px,3vw,36px);background:#0b2a22;color:var(--paper);box-shadow:0 24px 70px rgba(6,27,21,.16)}
.positioning-aside-kicker{color:var(--gold);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.positioning-aside h3{margin:12px 0 22px;font-family:var(--serif);font-size:clamp(2rem,3.4vw,3rem);line-height:.98}
.positioning-principles{display:grid;gap:9px}
.positioning-principles div{padding:15px 16px;border:1px solid rgba(247,242,232,.12);border-radius:14px;background:rgba(255,255,255,.04)}
.positioning-principles strong{display:block;color:var(--teal);font-size:1rem}
.positioning-principles small{display:block;margin-top:3px;color:#afc4bd;font-size:.74rem;line-height:1.45}
.positioning-rule{margin:auto 0 0;padding:18px 0 0;border-top:1px solid rgba(242,207,124,.18);color:#b9cbc5;font-size:.78rem;line-height:1.55}
.positioning-rule b{color:var(--gold)}

.responsibility-lanes{display:grid;gap:16px}
.responsibility-lane{padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035)}
.responsibility-lane.growth-lane{border-color:rgba(242,207,124,.22);background:linear-gradient(145deg,rgba(242,207,124,.08),rgba(95,215,198,.035))}
.lane-head{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:12px 30px;align-items:end;margin-bottom:22px}
.lane-head>span{grid-column:1/-1;color:var(--teal);font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.growth-lane .lane-head>span{color:var(--gold)}
.lane-head h3{margin:0;font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);line-height:.98}
.lane-head p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}
.lane-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lane-product{display:flex;min-width:0;min-height:215px;flex-direction:column;padding:20px;border:1px solid rgba(247,242,232,.12);border-radius:16px;background:rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.lane-product:hover{transform:translateY(-3px);border-color:rgba(95,215,198,.55);background:rgba(95,215,198,.07)}
.lane-product.featured{border-color:rgba(242,207,124,.36);background:linear-gradient(155deg,#f0dfba,#f8f1e3);color:var(--ink)}
.lane-product>span{color:var(--teal);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.35}
.growth-lane .lane-product>span{color:var(--gold)}
.lane-product.featured>span{color:#745a20}
.lane-product strong{display:block;margin:16px 0 10px;font-family:var(--serif);font-size:1.8rem;line-height:1}
.lane-product p{margin:auto 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}
.lane-product.featured p{color:#586b63}
.responsibility-boundary{margin:16px 0 0;padding:16px 19px;border-left:3px solid var(--gold);background:rgba(242,207,124,.06);color:var(--muted);font-size:.82rem;line-height:1.55}
.responsibility-boundary b{color:var(--gold)}

@media(max-width:980px){
  .positioning-shell{grid-template-columns:1fr}
  .positioning-path{grid-template-columns:repeat(4,minmax(0,1fr))}
  .positioning-path span:nth-child(4):after{display:none}
  .lane-head{grid-template-columns:1fr}
  .lane-head>span{grid-column:auto}
}
@media(max-width:720px){
  .positioning-bridge{padding:44px 0}
  .positioning-main,.positioning-aside{border-radius:18px}
  .positioning-main{padding:25px 20px}
  .positioning-aside{padding:25px 20px}
  .positioning-main h2{font-size:clamp(2.2rem,12vw,3.15rem)}
  .positioning-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .positioning-path span{min-height:92px}
  .positioning-path span:nth-child(4):after{display:grid}
  .positioning-path span:nth-child(2n):not(:last-child):after{display:none}
  .responsibility-lane{padding:22px 18px}
  .lane-products{grid-template-columns:1fr}
  .lane-product{min-height:0}
}
@media(max-width:430px){
  .positioning-path{grid-template-columns:1fr}
  .positioning-path span{min-height:76px}
  .positioning-path span:not(:last-child):after{top:auto;right:18px;bottom:-12px;transform:rotate(90deg)}
  .lane-product strong{font-size:1.65rem}
}