.dock-main { --dock-line: rgba(204,1,119,.34); }
.dock-hero { display:grid; grid-template-columns:1.4fr 1fr; gap:5rem; align-items:center; padding-top:6rem; padding-bottom:5rem; }
.dock-hero .display { font-size:clamp(3.3rem,6.2vw,6rem); line-height:1; max-width:15ch; }
.dock-caption { color:var(--dim); font-size:.78rem; line-height:1.65; }
.dock-hero .dock-caption { margin-top:2rem; letter-spacing:.12em; text-transform:uppercase; }
.dock-seal { position:relative; padding:2rem; border-block:1px solid var(--dock-line); text-align:center; background:radial-gradient(ellipse at center,rgba(204,1,119,.1),transparent 70%); }
.dock-seal img { margin:2rem auto 1rem; filter:drop-shadow(0 0 20px rgba(204,1,119,.5)); mix-blend-mode:screen; }
.dock-seal h2 { margin:.8rem 0 2rem; font-size:3rem; line-height:1.05; }
.dock-seal h2 em { color:var(--magenta-soft); }
.dock-seal dl,.dock-spec dl { font-size:.8rem; text-align:left; }
.dock-seal dl div,.dock-spec dl div { display:flex; gap:1rem; justify-content:space-between; padding:.7rem 0; border-top:1px solid var(--line); }
.dock-seal dt,.dock-spec dt { color:var(--dim); }
.dock-seal dd,.dock-spec dd { margin:0; text-align:right; }
.dock-status { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem; padding-block:1rem; border-block:1px solid var(--line); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.dock-status i { display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:#CC0155; box-shadow:0 0 10px #CC0155; }
.dock-section-head { display:grid; grid-template-columns:1.25fr 1fr; gap:4rem; align-items:end; margin-bottom:2.5rem; }
.dock-section-head p { max-width:44ch; color:var(--muted); }
.dock-filter { margin-bottom:1.8rem; max-width:36rem; }
.dock-filter label { font-size:.8rem; color:var(--muted); }
.dock-main input:not([type=checkbox]),.dock-main textarea,.dock-dialog textarea { display:block; width:100%; margin-top:.5rem; padding:.8rem 1rem; border:1px solid var(--line); border-radius:8px; background:rgba(5,5,8,.7); color:var(--silver); font:inherit; }
.dock-main textarea { resize:vertical; }
.dock-main input:focus,.dock-main textarea:focus { outline:2px solid #CC0155; outline-offset:3px; }
.dock-main input::placeholder,.dock-main textarea::placeholder { color:#918b9c; }
.dock-main .button { cursor:pointer; }
.dock-main .button[aria-disabled=true] { opacity:.5; cursor:not-allowed; }
.dock-catalog { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.dock-catalog .card { display:flex; flex-direction:column; padding:1.6rem; }
.dock-catalog .card h3 { font-size:1.75rem; max-width:none; margin:1rem 0 .7rem; }
.dock-catalog .card p { font-size:.85rem; margin-bottom:1.5rem; }
.dock-catalog .cap-price { margin-top:auto; font-size:1.3rem; }
.cap-price small { font-size:.7rem; color:var(--muted); }
.dock-catalog .button { align-self:flex-start; margin-top:1rem; font-size:.62rem; }
.dock-tag { color:var(--dim); font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; }
.dock-workbench { display:grid; grid-template-columns:1.4fr 1fr; gap:3rem; }
.dock-builder-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:3rem; }
.dock-builder-grid select { display:block; width:100%; margin-top:.5rem; padding:.8rem 1rem; border:1px solid var(--line); border-radius:8px; background:rgba(5,5,8,.7); color:var(--silver); font:inherit; }
.security-results { margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--line); }
.security-result { display:block; font-size:.7rem; letter-spacing:.12em; }
.security-result.is-pass { color:#9fe3bd; }
.security-result.is-warn { color:#ffb26b; }
.security-results p { color:var(--muted); font-size:.8rem; line-height:1.6; }
.skill-contract { display:grid; gap:1rem; padding:1.2rem; border:1px solid var(--dock-line); background:rgba(204,1,119,.04); }
.skill-contract .section-label { margin-bottom:.2rem; }
.dock-registry-panel { margin-top:3rem; padding:1.5rem; border-top:1px solid var(--dock-line); background:linear-gradient(135deg,rgba(204,1,119,.06),transparent 60%); }
.dock-paid-build { display:grid; grid-template-columns:1.4fr 1fr; gap:2rem; align-items:center; margin-top:2rem; padding:1.5rem; border:1px solid #CC0155; background:linear-gradient(135deg,rgba(204,1,119,.12),transparent 65%),var(--panel); box-shadow:0 0 32px rgba(204,1,119,.12); }
.dock-paid-build h3 { margin:.7rem 0; font:400 2rem/1.08 var(--serif); color:var(--silver); }
.dock-paid-build p { max-width:72ch; color:var(--muted); line-height:1.6; }
.dock-paid-build-actions { display:flex; flex-direction:column; align-items:flex-start; gap:.7rem; }
.dock-paid-build-actions .button { margin:0; }
.dock-paid-build-actions .dock-message { margin:0; }
.dock-registry-panel h3 { margin:.7rem 0; font-size:2rem; }
.dock-registry-panel p { max-width:78ch; color:var(--muted); line-height:1.65; }
.skill-registry-list { margin-top:1rem; }
.skill-registry-list .dock-record { display:flex; flex-wrap:wrap; gap:.25rem 1rem; align-items:baseline; }
.skill-registry-list .dock-record h4 { min-width:20ch; }
.dock-offer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.dock-offer-card { display:flex; flex-direction:column; padding:1.5rem; border:1px solid var(--line); background:var(--panel); min-height:25rem; }
.dock-offer-card.is-featured { border-color:var(--dock-line); background:linear-gradient(135deg,rgba(204,1,119,.1),transparent 65%),var(--panel); box-shadow:0 0 28px rgba(204,1,119,.1); }
.dock-offer-card h3 { margin:1rem 0 .8rem; font-size:1.65rem; line-height:1.05; }
.dock-offer-card p { color:var(--muted); font-size:.85rem; line-height:1.6; }
.dock-offer-card strong { margin-top:auto; margin-bottom:1rem; font:400 1.7rem/1 var(--serif); color:var(--silver); }
.dock-offer-card strong small { display:block; margin-top:.45rem; font:400 .68rem var(--sans); color:var(--muted); }
.dock-offer-card .button { align-self:flex-start; font-size:.65rem; }
@media (max-width:940px) { .dock-offer-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px) { .dock-offer-grid { grid-template-columns:1fr; } }
.dock-form { display:grid; gap:1.3rem; }
.dock-form label { display:block; font-size:.85rem; }
.dock-form fieldset { margin:0; padding:1.1rem; border:1px solid var(--line); border-radius:10px; }
.dock-form legend { padding:0 .4rem; font-size:.8rem; color:var(--muted); }
.dock-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.dock-choice-grid label,.dock-permissions label,.dock-check { display:flex; align-items:flex-start; gap:.55rem; line-height:1.4; }
.dock-choice-grid input,.dock-permissions input,.dock-check input { margin-top:.2rem; accent-color:#CC0155; flex-shrink:0; }
.dock-permissions label + label { margin-top:.7rem; }
.dock-limits { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.dock-form .inline-actions { margin:0; }
.dock-spec { align-self:start; position:sticky; top:110px; padding:2rem; border:1px solid var(--dock-line); border-radius:2px 20px 2px 20px; background:linear-gradient(135deg,rgba(204,1,119,.07),transparent 60%),var(--panel); box-shadow:inset 0 1px rgba(240,220,240,.1); }
.dock-spec h3 { font-size:2.4rem; line-height:1.1; }
.dock-spec p { color:var(--muted); overflow-wrap:anywhere; }
.dock-spec pre { max-height:22rem; overflow:auto; padding:1rem; font-size:.7rem; white-space:pre-wrap; overflow-wrap:anywhere; background:var(--void); border:1px solid var(--line); }
.dock-commission { padding:3rem; grid-template-columns:1.4fr 1fr; }
.dock-offer { padding:1.6rem; border-left:1px solid var(--dock-line); }
.dock-offer strong { display:block; font-family:var(--serif); font-size:3.5rem; line-height:1; margin:1.5rem 0; }
.dock-offer strong small { display:block; margin-top:.7rem; font:400 .7rem var(--sans); color:var(--muted); }
.dock-offer .button { margin-top:1rem; }
.dock-offer p,.dock-check { font-size:.82rem; color:var(--muted); }
.dock-account { display:grid; grid-template-columns:1.25fr 1fr; gap:4rem; }
.dock-account-note { padding:2rem; border-top:1px solid var(--dock-line); }
.dock-account h3,.dock-account-note h3 { font-size:2rem; margin:0 0 1rem; }
.dock-message { color:var(--muted); font-size:.85rem; overflow-wrap:anywhere; }
.dock-message:empty { display:none; }
.dock-dialog { max-width:600px; width:calc(100% - 2rem); max-height:85vh; padding:2.5rem; border:1px solid #CC0155; border-radius:12px; background:var(--panel); color:var(--silver); box-shadow:0 0 65px rgba(204,1,85,.3); }
.dock-dialog::backdrop { background:rgba(0,0,0,.8); backdrop-filter:blur(5px); }
.dock-dialog h2 { font-size:2.6rem; margin:1rem 0; }
.dock-dialog p,.dock-dialog li { color:var(--muted); }
.dock-close { position:absolute; top:.4rem; right:1rem; background:transparent; border:0; font-size:2rem; cursor:pointer; }
[hidden] { display:none !important; }
#inquiry-panel { margin-top:1.5rem; }
.dock-record { padding:1rem 0; border-bottom:1px solid var(--line); }
.dock-record h4 { margin:0; }
.navigator-live-panel { padding:2.5rem; border:1px solid var(--dock-line); background:linear-gradient(135deg,rgba(204,1,119,.08),transparent 55%),var(--panel); }
.article-date { color:var(--magenta-soft); font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; }
.article-body { max-width:72ch; white-space:pre-wrap; }
.x402-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.x402-flow article{min-height:14rem;padding:1.4rem;background:var(--panel)}.x402-flow span{display:block;color:#CC0155;font:400 1.4rem/1 var(--serif)}.x402-flow h3{margin:2.5rem 0 .7rem;font-size:1.35rem}.x402-flow p{color:var(--muted);font-size:.82rem;line-height:1.55}.x402-sandbox{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-top:2rem;padding:2rem;border:1px solid var(--dock-line);background:linear-gradient(135deg,rgba(204,1,119,.09),transparent 65%),var(--panel)}.x402-sandbox h3{margin:.7rem 0;font:400 clamp(2rem,4vw,3.4rem)/.95 var(--serif);color:var(--silver)}.x402-sandbox p{max-width:58ch;color:var(--muted);line-height:1.6}.x402-sandbox pre{min-height:18rem;margin:0;padding:1.2rem;overflow:auto;background:var(--void);border:1px solid var(--line);color:#f0d7e4;font-size:.72rem;line-height:1.55;white-space:pre-wrap}.x402-sandbox+.dock-caption{margin-top:1.2rem}.software-cta{border-color:#CC0155!important;box-shadow:0 0 20px rgba(204,1,119,.12)}
@media (max-width:720px) { .dock-builder-grid { grid-template-columns:1fr; } }
@media (max-width:1100px) { .site-nav a { padding-inline:.45rem; font-size:.65rem; } .nav-wrap { gap:1rem; } }
@media (max-width:940px) { .dock-hero { gap:2rem; padding-top:3rem; } .dock-catalog { grid-template-columns:repeat(2,1fr); } .dock-section-head { gap:2rem; } .dock-workbench { gap:1.5rem; } .dock-commission { padding:2rem; gap:2rem; } .x402-flow{grid-template-columns:repeat(2,1fr)} }
@media (max-width:720px) { .dock-hero,.dock-section-head,.dock-workbench,.dock-account,.dock-commission { grid-template-columns:1fr; } .dock-hero .display { font-size:3.65rem; } .dock-seal { margin-top:1rem; } .dock-spec { position:static; } .dock-section-head { gap:0; } .dock-catalog { grid-template-columns:1fr; } .dock-offer { border-left:0; border-top:1px solid var(--dock-line); padding:1.5rem 0 0; } .dock-choice-grid { grid-template-columns:1fr; } .dock-limits { gap:.5rem; } .dock-commission { padding:1.5rem; } }
@media (max-width:720px) { .dock-paid-build { grid-template-columns:1fr; } }
@media (max-width:720px) { .x402-flow,.x402-sandbox{grid-template-columns:1fr}.x402-flow article{min-height:auto}.x402-flow h3{margin:1.2rem 0 .7rem}.x402-sandbox{padding:1.3rem} }

.conversion-beacon{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem;align-items:center;margin-top:1.5rem;padding:1.2rem 1.35rem;overflow:hidden;border:1px solid rgba(204,1,85,.58);border-radius:14px;background:linear-gradient(110deg,rgba(204,1,85,.15),rgba(5,5,8,.76) 54%,rgba(204,1,119,.1));box-shadow:0 0 34px rgba(204,1,85,.28),0 0 92px rgba(204,1,85,.16),inset 0 0 32px rgba(204,1,85,.1)}
.conversion-beacon::before{position:absolute;top:0;right:1.2rem;left:1.2rem;height:2px;content:"";background:linear-gradient(90deg,transparent,#cc0155 18%,#ff4da8 50%,#cc0155 82%,transparent);box-shadow:0 0 20px rgba(204,1,85,1),0 0 54px rgba(204,1,85,.88),0 0 118px rgba(204,1,85,.52);animation:ck-conversion-pulse 4.8s ease-in-out infinite}
.conversion-beacon::after{position:absolute;top:-7rem;right:12%;width:26rem;height:17rem;content:"";pointer-events:none;background:radial-gradient(ellipse,rgba(204,1,85,.3),transparent 72%);filter:blur(12px);animation:ck-conversion-halo 4.8s ease-in-out infinite}
.conversion-beacon-copy,.conversion-beacon .beacon-cta{position:relative;z-index:1}
.conversion-beacon h2{margin:.45rem 0 .55rem;color:var(--silver);font:400 clamp(1.45rem,2.8vw,2.35rem)/1 var(--serif);letter-spacing:-.035em}
.conversion-beacon h2 em{color:#ff4da8;font-style:normal;text-shadow:0 0 8px rgba(204,1,85,.9),0 0 24px rgba(204,1,85,.72),0 0 54px rgba(204,1,85,.45)}
.conversion-beacon p{max-width:70ch;margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}
.conversion-beacon-meta{display:block;margin-top:.65rem;color:#cc0155;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.conversion-beacon .beacon-cta{white-space:nowrap;border-color:rgba(204,1,85,.76);background:rgba(52,0,28,.72);box-shadow:0 0 24px rgba(204,1,85,.72),0 0 64px rgba(204,1,85,.42),0 0 118px rgba(204,1,85,.2);animation:ck-conversion-cta 4.8s ease-in-out infinite}
.conversion-beacon .beacon-cta:hover,.conversion-beacon .beacon-cta:focus-visible{animation:none;border-color:#ff4da8;background:#cc0155;color:#fff;box-shadow:0 0 30px #cc0155,0 0 78px rgba(204,1,85,1),0 0 150px rgba(204,1,85,.72)}
@keyframes ck-conversion-pulse{0%,100%{opacity:.62;transform:scaleX(.86)}44%,60%{opacity:1;transform:scaleX(1.04)}}
@keyframes ck-conversion-halo{0%,100%{opacity:.5;transform:translateX(-16%) scale(1)}50%{opacity:1;transform:translateX(16%) scale(1.12)}}
@keyframes ck-conversion-cta{0%,100%{box-shadow:0 0 22px rgba(204,1,85,.58),0 0 58px rgba(204,1,85,.28),0 0 110px rgba(204,1,85,.12)}44%,60%{box-shadow:0 0 34px rgba(204,1,85,1),0 0 92px rgba(204,1,85,.72),0 0 170px rgba(204,1,85,.38)}}
@media (max-width:720px){.conversion-beacon{grid-template-columns:1fr;margin-top:1rem;padding:1.1rem}.conversion-beacon .beacon-cta{justify-self:start}}
@media (prefers-reduced-motion:reduce){.conversion-beacon::before,.conversion-beacon::after,.conversion-beacon .beacon-cta{animation:none}}