/* Pointed actions: an inset channel mark, a clear label and a quiet direction. */
.pointed-action.pointed-action {
  --action-ink:#4C1D95;
  --action-fill:#4C1D95;
  --action-text:#fff;
  --action-tile:#ffffff1f;
  --action-line:#4c1d9566;
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  width:fit-content;
  max-width:100%;
  min-width:44px;
  min-height:60px;
  padding:8px 18px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--action-fill);
  color:var(--action-text);
  box-shadow:0 6px 18px #1e0b3c26;
  font:600 16px/1.4 Inter,sans-serif;
  text-align:left;
  text-decoration:none;
  white-space:normal;
  overflow:visible;
  cursor:pointer;
  vertical-align:middle;
  -webkit-tap-highlight-color:transparent;
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.pointed-action.pointed-action::before,.pointed-action.pointed-action::after {content:none}
.pointed-action.pointed-action--inverse {
  --action-ink:#fff;
  --action-fill:#fff;
  --action-text:#4C1D95;
  --action-tile:#4c1d9512;
  --action-line:#ffffff80;
}
.pointed-action.pointed-action--secondary {
  min-height:52px;
  padding:10px 0;
  border-radius:0;
  background:transparent;
  color:var(--action-ink);
  box-shadow:none;
}
.pointed-action.pointed-action .pointed-action__icon {
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  margin-left:-10px;
  border-radius:5px;
  background:var(--action-tile);
  transform:none;
}
.pointed-action.pointed-action .pointed-action__icon svg {display:block;flex:none;max-width:24px}
.pointed-action.pointed-action .pointed-action__label {
  min-width:0;
  overflow-wrap:anywhere;
  transform:none;
  transition:none;
}
.pointed-action.pointed-action--secondary .pointed-action__label {
  text-decoration:underline;
  text-decoration-color:var(--action-line);
  text-underline-offset:6px;
  text-decoration-thickness:1px;
}
.pointed-action.pointed-action--secondary .pointed-action__icon {
  flex-basis:22px;
  width:22px;
  height:24px;
  margin:0;
  background:transparent;
}
.pointed-action .pointed-action__arrow {flex:0 0 20px;margin-left:auto;transition:transform .2s ease}
.pointed-action.pointed-action:focus-visible {outline:3px solid var(--action-ink);outline-offset:5px}
.pointed-action.pointed-action:active {transform:translateY(1px);box-shadow:0 2px 6px #1e0b3c26}
.pointed-action.pointed-action--secondary:active {box-shadow:none}
.pointed-action.pointed-action:disabled,.pointed-action.pointed-action[aria-disabled="true"] {opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.actions:has(>.pointed-action),.contact-options:has(>.pointed-action) {align-items:center;gap:12px 28px}
.simple-contact>p:has(>.pointed-action) {display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
.contact-options:has(>.pointed-action) {flex-direction:row;flex-wrap:wrap}
.product-primary.pointed-action,.service-offers .pointed-action,.service-end .pointed-action {width:100%}
@media(hover:hover) and (pointer:fine) {
  .pointed-action.pointed-action--primary:hover {background:#1E0B3C;color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #1e0b3c40}
  .pointed-action.pointed-action--primary.pointed-action--inverse:hover {background:#ffffff;color:#4C1D95}
  .pointed-action.pointed-action--secondary:hover {background:transparent;color:var(--action-ink);transform:none;box-shadow:none}
  .pointed-action.pointed-action--secondary:hover .pointed-action__label {text-decoration-color:currentColor;text-decoration-thickness:2px}
  .pointed-action:hover .pointed-action__arrow {transform:translateX(4px)}
  .pointed-action:disabled:hover .pointed-action__arrow {transform:none}
}
@media(max-width:600px) {
  .actions>.pointed-action.pointed-action--primary,.contact-options>.pointed-action--primary {width:100%}
  .actions>.pointed-action.pointed-action--secondary {width:fit-content;align-self:flex-start}
  .actions:has(>.pointed-action) {align-items:flex-start;gap:8px 24px}
  .simple-contact>p:has(>.pointed-action) {align-items:flex-start;gap:8px 20px}
  .pointed-action.pointed-action {font-size:15px}
}
@media(prefers-reduced-motion:reduce) {
  .pointed-action.pointed-action,.pointed-action.pointed-action * {transition:none!important;transform:none!important}
}
@media(forced-colors:active) {
  .pointed-action.pointed-action {border:1px solid ButtonText}
  .pointed-action.pointed-action:focus-visible {outline-color:Highlight}
}

#enquiry {scroll-margin-top:100px}

/* Email leads every contact pair. WhatsApp remains a quieter alternative. */
.pointed-action-pair {display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;max-width:100%;position:relative;z-index:1}
.actions>.pointed-action-pair {order:-1}
.simple-contact>p:has(>.pointed-action-pair) {display:block}
.service-offers article>.pointed-action-pair,.ongoing-plan>.pointed-action-pair {margin-top:auto}
.service-offers .pointed-action-pair .pointed-action--secondary,.service-end .pointed-action-pair .pointed-action--secondary {width:fit-content}
.contact-number {display:block;margin-block:12px;color:inherit;font:400 15px/1.5 Inter,sans-serif}
@media(max-width:600px) {.pointed-action-pair {width:100%;align-items:flex-start}.pointed-action-pair>.pointed-action--primary {width:100%}}

/* Footer contact is a quiet address line, not another sales panel. */
.footer-contact-line {display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px}
.simple-footer .footer-email {padding:8px 0;font-size:clamp(18px,2vw,24px);text-decoration-thickness:1px;text-underline-offset:6px;overflow-wrap:anywhere}
.simple-footer .footer-message {color:#fff;padding:8px 0;gap:10px;font-weight:500;text-decoration:none}
/* Portfolio navigation sits on a dark violet field. */
.project-library-invitation>.pointed-action {--action-ink:#fff;--action-line:#ffffff80}

/* One compact, outlined message action belongs in the footer. */
.simple-footer .footer-email {display:inline-flex;align-items:center;gap:10px;min-width:0}
.footer-email .email-icon {flex:0 0 22px}
.footer-email>span {min-width:0;overflow-wrap:anywhere}
.simple-footer .footer-message {padding:10px 14px;border:1px solid #ffffff70;border-radius:8px;min-height:48px}
.simple-footer .footer-message:hover {background:#ffffff12;border-color:#fff}
.simple-header .mobile-contact-options {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:8px;border-top:1px solid #ffffff50}
.simple-header .mobile-contact-options a {display:flex;align-items:center;gap:10px;padding:10px 0;border:0;min-height:48px;font-size:14px}
.mobile-contact-options svg {flex:0 0 22px;width:22px;height:22px}
@media(forced-colors:active) {.simple-footer .footer-message {border-color:ButtonText}}

@media(hover:hover) and (pointer:fine) {
  .pointed-action.pointed-action--navigation:hover {background:#1E0B3C;color:#fff;transform:translateY(-2px)}
}