/* DELTA method topology · 2026-09-24 */
#acp-public-shell[data-acp-delta-site="1"] #how .delta-method-map{position:relative;overflow:hidden;margin-top:28px;padding:30px clamp(18px,4vw,50px);border:1px solid rgba(103,215,255,.18);border-radius:24px;background:radial-gradient(circle at 50% 4%,rgba(87,193,244,.13),transparent 31%),linear-gradient(145deg,#091c30,#050b19 70%);box-shadow:inset 0 1px rgba(255,255,255,.045),0 24px 68px rgba(0,0,0,.17)}
#how .delta-method-map:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(110,205,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(110,205,255,.034) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent)}
#how .delta-method-node{position:relative;z-index:1;border:1px solid rgba(110,213,255,.19);border-radius:15px;background:rgba(7,20,37,.93);box-shadow:inset 0 1px rgba(255,255,255,.04)}
#how .delta-method-node small{color:#78def6;font:800 10px/1.2 Orbitron,Inter,sans-serif;letter-spacing:.13em}
#how .delta-method-node h3{margin:9px 0 6px;color:#ecf8ff;font:700 clamp(19px,2vw,27px)/1.16 Inter,sans-serif;letter-spacing:-.035em}
#how .delta-method-node p{margin:0;color:#a9bfd0;font:400 12px/1.6 Inter,sans-serif}
#how .delta-method-input{max-width:660px;margin:auto;padding:22px 26px;text-align:center;border-color:rgba(106,225,255,.43);background:radial-gradient(circle at center top,rgba(88,206,241,.16),transparent 65%),rgba(7,24,42,.94)}
#how .delta-method-input:after{content:"";position:absolute;left:50%;bottom:-30px;height:30px;width:1px;background:#71dced}
#how .delta-method-arms{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px;position:relative}
#how .delta-method-arms:before{content:"";position:absolute;top:-1px;left:25%;width:50%;height:1px;background:linear-gradient(90deg,#70dceb,#bca0fb)}
#how .delta-method-arms:after{content:"";position:absolute;bottom:-25px;left:25%;width:50%;height:1px;background:linear-gradient(90deg,#70dceb,#bca0fb)}
#how .delta-method-arm{min-height:158px;padding:24px 26px}
#how .delta-method-arm:before{content:"";position:absolute;left:50%;top:-29px;width:1px;height:29px;background:#9bbef2}
#how .delta-method-arm:after{content:"";position:absolute;left:50%;bottom:-25px;width:1px;height:25px;background:#9bbef2}
#how .delta-method-arm:nth-child(2){border-color:rgba(177,137,255,.31);background:radial-gradient(circle at right top,rgba(159,102,249,.12),transparent 70%),rgba(8,18,37,.93)}
#how .delta-method-arm:nth-child(2) small{color:#c9a4ff}
#how .delta-method-compare{max-width:660px;margin:49px auto 0;padding:22px 26px;text-align:center;border-color:rgba(116,238,202,.36);background:radial-gradient(circle at center top,rgba(93,232,199,.11),transparent 70%),rgba(7,24,38,.95)}
#how .delta-method-compare:before{content:"";position:absolute;left:50%;top:-25px;width:1px;height:25px;background:#83e6da}
#how .delta-method-compare small{color:#80ead4}
#how .delta-method-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}
#how .delta-method-actions a{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border:1px solid rgba(115,232,245,.26);border-radius:999px;color:#9fefff;font:700 10px Inter,sans-serif;text-decoration:none}
#how .delta-method-actions a:hover,#how .delta-method-actions a:focus-visible{background:rgba(109,221,244,.13);outline:2px solid #72e6f6;outline-offset:2px}
@media(max-width:680px){#acp-public-shell[data-acp-delta-site="1"] #how .delta-method-map{padding:22px 16px}#how .delta-method-arms{grid-template-columns:1fr;gap:12px}#how .delta-method-arms:before,#how .delta-method-arms:after,#how .delta-method-arm:before,#how .delta-method-arm:after,#how .delta-method-input:after,#how .delta-method-compare:before{display:none}#how .delta-method-compare{margin-top:12px}#how .delta-method-arm{min-height:0;padding:20px}}
