/* Only page navigation and the requested extra form. Canonical sections inherit
   their complete founder stylesheet in its original order, without overrides. */
[data-jasa-page]>.shell{padding-top:128px}.jasa-title{padding-top:0}.jasa-title h1{font-family:var(--f-ui);font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.2;margin:0;letter-spacing:-.04em}
.jasa-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 56px}.jasa-choice{display:flex;align-items:center;gap:16px;min-height:136px;padding:24px 18px;background:#0c1e2d;border:1px solid #345e7d;border-radius:16px;color:#f5f8fc;text-decoration:none;transition:border-color .2s,background .2s}.jasa-choice:hover{background:#102d43;border-color:#85c6ff}.jasa-choice .dn-ex-art{display:block;flex:none;width:76px}.jasa-choice .dn-ex-art>svg{width:100%;display:block}.jasa-choice h2{font-size:1.1rem;line-height:1.3;flex:1}.jasa-choice:focus-visible{outline:2px solid #85c6ff;outline-offset:4px}
.jasa-brief{width:100%;min-width:0;grid-column:1/-1;margin:64px 0 28px;padding:36px 28px 28px;border:1px solid rgba(255,255,255,.52);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));box-shadow:0 0 18px rgba(255,255,255,.07),inset 0 0 0 1px rgba(255,255,255,.025);box-sizing:border-box;scroll-margin-top:110px}.jasa-brief>h2{font:600 clamp(1.3rem,3vw,1.8rem)/1.3 var(--f-ui);margin:0 0 28px}.jasa-brief iframe{color-scheme:dark;background:#060606;border-radius:16px}
@media(max-width:800px){[data-jasa-page]>.shell{padding-top:112px}.jasa-title{padding-top:0}.jasa-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:36px 0}.jasa-choice{min-width:0;min-height:112px;padding:12px 6px;gap:8px;flex-direction:column;justify-content:center;text-align:center;border-radius:12px;touch-action:manipulation}.jasa-choice .dn-ex-art{width:clamp(44px,13vw,60px);height:auto;flex:none;grid-row:auto;background:transparent;border:0;border-radius:0}.jasa-choice .dn-ex-art>svg{width:100%;height:auto}.jasa-choice h2{font-size:clamp(.875rem,3.7vw,1.0625rem);font-weight:800;line-height:1.25;flex:0;min-width:0;min-height:2.5em;margin:0;display:flex;align-items:center;justify-content:center;overflow-wrap:normal;text-wrap:balance}}
@media(prefers-reduced-motion:reduce){.jasa-choice{transition:none}}

.jasa-choice[aria-current="page"]{background:#102d43;border-color:#85c6ff;box-shadow:inset 0 0 0 1px rgba(133,198,255,.3)}

/* Original page lead under the search-facing H1 (SEO audit 2026-10-25). */
.jasa-lead{max-width:72ch;margin:16px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.7}.jasa-lead a{color:var(--txt);text-decoration:underline;text-underline-offset:4px}.jasa-lead a:hover{color:var(--orange);text-decoration-thickness:2px}.jasa-lead a:focus-visible{outline:2px solid var(--txt);outline-offset:3px}

/* Owner hub intro follows the category row and stays secondary to the choices. */
.jasa-hub-lead{max-width:80ch;margin:24px 0 0;font-size:.875rem;line-height:1.75;text-wrap:pretty}.jasa-hub-lead p{margin:0}.jasa-hub-lead p+p{margin-top:12px}.jasa-choices{margin-bottom:24px}.jasa-title h1{text-wrap:balance}.jasa-choice{min-width:0;touch-action:manipulation}
@media(max-width:800px){.jasa-hub-lead{font-size:.75rem;line-height:1.7;margin-top:20px}.jasa-choices{margin-bottom:20px}}

/* Consistent service page hierarchy; desktop card geometry stays unchanged. */
.jasa-hub-break{display:none}[data-jasa-page="jasa"] .jasa-title h1{white-space:nowrap;text-wrap:nowrap}
@media(min-width:801px){.jasa-hub-lead{max-width:100%}}
@media(max-width:800px){.jasa-title h1{font-size:clamp(1rem,4.6vw,1.5rem);line-height:1.3}.jasa-hub-break{display:initial}}

/* Breathing room around every shared brief divider, title and form. */
@media(max-width:800px){.jasa-brief{margin:48px 0 24px;padding:28px 16px 20px}.jasa-brief>h2{margin:0 0 24px}}
/* Visible action cues work before hover, including on touchscreens. */
.jasa-choice{background:linear-gradient(150deg,color-mix(in srgb,var(--orange) 12%,#0c1e2d),#0c1e2d);border-color:color-mix(in srgb,var(--orange) 55%,#345e7d);border-bottom-width:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 5px 0 rgba(0,0,0,.35);cursor:pointer;transition:transform .18s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(41,155,255,.2)}
.jasa-choice-copy{flex:1;min-width:0}.jasa-choice h2{margin:0 0 12px}.jasa-choice-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--orange) 65%,transparent);border-radius:999px;background:color-mix(in srgb,var(--orange) 16%,transparent);color:var(--txt);font:700 .75rem/1.25 var(--f-ui)}.jasa-choice-action svg{width:16px;height:16px;flex:none;transition:transform .18s ease}
.jasa-choice:focus-visible{outline:3px solid var(--txt);outline-offset:4px}.jasa-choice:active{transform:translateY(2px)}
.jasa-choice-hint{margin:0 0 28px;max-width:80ch;color:var(--muted);font-size:.875rem;line-height:1.7;text-wrap:pretty}.jasa-brief-invite{max-width:80ch;margin:0 0 20px;color:var(--muted);font-size:.875rem;line-height:1.75;text-wrap:pretty}
@media(hover:hover) and (pointer:fine){.jasa-choice:hover{transform:translateY(-3px);border-color:var(--orange)}.jasa-choice:hover .jasa-choice-action svg{transform:translateX(3px)}.jasa-choice:active{transform:translateY(2px)}}
@media(max-width:800px){.jasa-choice{padding:14px 6px;gap:10px}.jasa-choice-copy{flex:initial;width:100%}.jasa-choice h2{margin:0 0 10px}.jasa-choice-action{padding:5px 6px;gap:4px;font-size:clamp(.625rem,2.6vw,.75rem)}.jasa-choice-action svg{width:13px;height:13px}.jasa-choice-hint{font-size:.75rem;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.jasa-choice,.jasa-choice-action svg{transition:none!important;transform:none!important}}

/* Two gentle arrival pulses (<5s), permanent glow, and renewed interaction feedback. */
.jasa-choice{position:relative;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 0 rgba(0,0,0,.35),0 0 7px color-mix(in srgb,var(--orange) 16%,transparent)}
.jasa-choice:after{content:"";position:absolute;inset:-1px;border:1px solid color-mix(in srgb,var(--orange) 48%,transparent);border-radius:inherit;box-shadow:0 0 8px color-mix(in srgb,var(--orange) 30%,transparent),0 0 14px color-mix(in srgb,var(--orange) 12%,transparent);pointer-events:none;opacity:.5;animation:jasa-choice-glow 2.3s ease-in-out 2}
.jasa-choice:nth-child(2):after{animation-delay:.12s}.jasa-choice:nth-child(3):after{animation-delay:.24s}
@keyframes jasa-choice-glow{0%,100%{opacity:.35}50%{opacity:.7}}
@media(hover:hover) and (pointer:fine){.jasa-choice:hover:after{animation:jasa-choice-glow 1.8s ease-in-out infinite;opacity:1}}
.jasa-choice:focus-visible:after{opacity:1}
@media(prefers-reduced-motion:reduce){.jasa-choice:after{animation:none!important;opacity:.5}}

/* Owner 2026-10-26: shared hint sits between the heading and choices. */
.jasa-title .jasa-choice-hint{margin:20px 0 0;max-width:72ch;font-size:.875rem;line-height:1.7}
.jasa-title+.jasa-choices{margin-top:28px;margin-bottom:40px}
.jasa-title{width:100%;text-align:center}.jasa-title .jasa-choice-hint{margin-left:auto;margin-right:auto}
@media(max-width:800px){.jasa-title .jasa-choice-hint{margin-top:16px;font-size:.8125rem}.jasa-title+.jasa-choices{margin-top:24px;margin-bottom:32px}}