.service-card{display:flex;flex-direction:column}.service-tags{margin-top:auto}.service-more{align-self:flex-start;margin-top:22px;padding:8px 0;min-height:44px;color:var(--teal);background:none;border:0;font:600 13px Inter,system-ui;cursor:pointer;display:flex;gap:22px;align-items:center}.service-more::after{content:'↗';font-size:18px;font-weight:400}.service-more:hover{text-decoration:underline;text-underline-offset:5px}
.services-explainer{grid-column:span 2;position:relative;overflow:hidden;border:1px solid rgba(62,224,200,.25);border-radius:14px;padding:32px 36px;background:linear-gradient(125deg,rgba(62,224,200,.08),rgba(19,37,61,.8));display:flex;flex-direction:column;justify-content:center}.services-explainer::after{content:'';position:absolute;width:220px;height:220px;border:1px solid rgba(62,224,200,.08);border-radius:50%;right:-80px;top:-80px;pointer-events:none}.services-explainer .explainer-label{font:500 10px Inter,system-ui;letter-spacing:.15em;color:var(--teal);margin:0 0 12px}.services-explainer h3{font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.025em;line-height:1.2;margin:0 0 14px;max-width:22ch}.services-explainer p{font-size:14px;line-height:1.75;color:var(--text-soft);margin:0;max-width:63ch}.service-path{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:var(--text);font-size:12px}.service-path span:not(:last-child)::after{content:'→';color:var(--teal);margin-left:18px}.services-explainer a{align-self:flex-start;color:var(--teal);font-size:13px;margin-top:24px;text-underline-offset:5px}
#service-detail{width:min(1000px,calc(100vw - 32px));max-width:1000px;max-height:calc(100dvh - 32px);padding:0;background:#101f33;color:var(--text);border:1px solid #35516b;border-radius:20px;box-shadow:0 30px 100px #0008;overflow:hidden}#service-detail::backdrop{background:rgba(4,12,23,.8);backdrop-filter:blur(6px)}.detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line);gap:16px}.detail-topbar h2{font:600 15px Inter,system-ui;margin:0}.detail-close{width:44px;height:44px;flex:none;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:50%;color:var(--text);font-size:24px;cursor:pointer}.detail-scroll{max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:32px}.detail-visual{align-self:start;position:sticky;top:24px}.detail-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:#0b1829}.detail-visual figcaption{font:400 11px/1.7 Inter,system-ui;color:var(--text-soft);margin-top:12px}.detail-visual{margin:0}.detail-tag{color:var(--teal);font:500 10px Inter,system-ui;letter-spacing:.13em;margin:0 0 12px}.detail-headline{font:600 clamp(1.6rem,3vw,2.2rem)/1.15 Fraunces,Georgia,serif;letter-spacing:-.025em;margin:0 0 18px}.detail-description,.detail-ideal{font-size:14px;color:var(--text-soft);line-height:1.8}.detail-copy h4{font:600 13px Inter,system-ui;margin:25px 0 12px}.detail-copy ul{padding-left:18px;color:var(--text-soft);font-size:13px;line-height:1.8}.detail-copy li{margin-bottom:8px}.detail-copy li::marker{color:var(--teal)}.detail-scope{font-size:12px;line-height:1.75;color:var(--text-soft);border-left:2px solid var(--line);padding-left:14px;margin:24px 0}.detail-price{font:600 17px Inter,system-ui;color:var(--teal);margin-bottom:20px}.detail-copy .btn{width:100%}
@media(min-width:821px) and (max-width:1050px){.services-explainer{grid-column:span 1;padding:26px}}@media(max-width:820px){.services-explainer{grid-column:1/-1;padding:26px 22px}.detail-grid{grid-template-columns:1fr;gap:26px;padding:20px}.detail-visual{position:static}.detail-visual img{max-height:230px}.detail-topbar{padding:12px 18px}#service-detail{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.detail-scroll{max-height:calc(100dvh - 94px)}}