/* A single mint outline connects the cards in both themes. */
html { color-scheme:light; }
html[data-theme=dark] { color-scheme:dark; }
.payment-switch { display:inline-flex; gap:5px; border:1px solid var(--card-edge); background:var(--group); padding:5px; border-radius:17px; margin-bottom:24px; }
.payment-switch button { border:1px solid transparent; background:transparent; color:var(--muted); border-radius:12px; padding:12px 20px; font-size:14px; font-weight:650; }
.payment-switch button[aria-pressed=true] { background:var(--surface); color:var(--green); border-color:var(--card-edge); box-shadow:0 2px 6px #173d3710; }
.price-card .price { font-size:clamp(34px,3.4vw,46px); white-space:nowrap; }
.price-card .price small { font-size:14px; font-weight:500; letter-spacing:0; }
.price-card .price-net { font-size:13px; margin-top:6px; }
.price-card .price-total { font-size:14px; margin-top:12px; }
.price-card .price-rounding { font-size:11px; margin-top:8px; }
.price-card [data-price-panel] { margin:20px 0; }
.pricing-note { margin:17px 0 4px; font-size:12px; line-height:1.7; }
.pricing-note a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:650px) {
  .payment-switch { display:flex; }
  .payment-switch button { flex:1; font-size:12px; padding:11px 8px; }
  .price-card .price { font-size:39px; }
}
.domain-finder { padding:32px; margin-block:4px 40px; background:linear-gradient(125deg,var(--surface),var(--mint)); border:1px solid var(--card-edge); border-radius:28px; }
.domain-intro { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.domain-intro .icon-tile { flex-shrink:0; }
.domain-intro .eyebrow { margin-bottom:8px; }
.domain-intro h2 { font-size:clamp(25px,3vw,34px); }
.domain-intro p:last-child { margin-top:10px; font-size:14px; }
#domain-form label { display:block; font-size:13px; font-weight:650; margin-bottom:8px; }
.domain-input-row { display:flex; align-items:center; gap:12px; padding:7px 7px 7px 19px; border:1px solid var(--card-edge); background:var(--surface); border-radius:18px; }
.domain-input-row>span { color:var(--muted); font-size:16px; }
.domain-input-row input { min-width:0; flex:1; border:0; background:transparent; color:var(--ink); padding:10px 0; font-size:16px; }
.domain-input-row .button { white-space:nowrap; }
.domain-hint { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:12px; }
.domain-hint>span { padding:3px 10px; background:var(--surface); border:1px solid var(--line); border-radius:9px; font-size:12px; font-weight:650; }
.domain-hint p { flex:1; min-width:220px; margin:0 0 0 5px; font-size:12px; }
.domain-error { color:var(--ink); font-size:13px; margin-top:10px; }
.domain-error:empty { display:none; }
#domain-status { font-size:13px; margin:25px 0 12px; }
.domain-results-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.domain-option { padding:20px; background:var(--surface); border:1px solid var(--card-edge); border-radius:19px; min-width:0; }
.domain-option h3 { font-size:20px; overflow-wrap:anywhere; letter-spacing:-.025em; }
.domain-option-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:17px; font-size:12px; }
.domain-option .text-link { font-size:12px; }
.domain-project { color:var(--muted); text-decoration:underline; text-underline-offset:3px; }
.domain-provider { margin-top:14px; font-size:11px; color:var(--muted); }
.domain-provider summary { cursor:pointer; padding:4px 0; }
.domain-provider p { margin:8px 0; font-size:11px; }
.domain-provider .text-link { font-size:12px; }
.domain-disclaimer { font-size:12px; line-height:1.7; margin-top:16px; max-width:850px; }
.domain-disclaimer a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:650px) {
  .domain-finder { padding:22px 18px; border-radius:23px; margin-bottom:28px; }
  .domain-intro { align-items:flex-start; gap:12px; }
  .domain-intro .icon-tile { width:39px; height:39px; border-radius:12px; }
  .domain-intro h2 { font-size:26px; }
  .domain-input-row { display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 9px; padding:8px 10px; }
  .domain-input-row input { width:100%; }
  .domain-input-row .button { grid-column:1/-1; width:100%; }
  .domain-hint p { flex-basis:100%; margin:3px 0 0; }
  .domain-results-grid { grid-template-columns:1fr; }
  .domain-option-actions { gap:16px; }
}
.flag.en { background:#012169; }
.flag.en svg { display:block; width:100%; height:100%; }
.nav-intro,.nav-icon,.nav-label small,.nav-chevron,.header-inner nav .nav-contact,.menu-close-icon { display:none; }
.menu-toggle[aria-expanded=true] .menu-open-icon { display:none; }
.menu-toggle[aria-expanded=true] .menu-close-icon { display:block; }
.help-banner>img { width:106px; height:106px; margin-bottom:0; align-self:center; }
img[src$="digi-avatar.webp"],img[src$="digi-avatar-clear.webp"] { border-radius:50%; aspect-ratio:1; object-fit:cover; background:var(--mint); border:1px solid var(--card-edge); }
body {
  --bg: #eff2ee;
  --surface: #fafbf8;
  --group: #e5ebe5;
  --mint: #d8e8de;
  --ink: #14282b;
  --muted: #526a64;
  --line: #c2d7ce;
  --card-edge: #8dbba9;
  --card-edge-hover: #4d9b83;
  --shadow: 0 7px 24px #1745370b, inset 0 1px 0 #ffffff80;
  background: radial-gradient(ellipse at 80% 5%, #d1e9de66, transparent 36%), var(--bg);
}
html[data-theme=dark] body {
  --bg: #363f45;
  --surface: #444e54;
  --group: #3c474d;
  --mint: #4c615a;
  --ink: #f2f7f5;
  --muted: #d7dcd9;
  --green: #b7dfcb;
  --line: #768a82;
  --card-edge: #a1b8ad;
  --card-edge-hover: #c0d1c7;
  --shadow: 0 7px 24px #152b2918, inset 0 1px 0 #ffffff09;
  background:var(--bg);
}
h1,h2,.brand { text-shadow:0 2px 2px #194b3815; }
.hero h1 { text-shadow:0 3px 1px #ffffff55,0 5px 14px #194b3824; }
html[data-theme=dark] :is(h1,h2,.brand) { text-shadow:0 2px 2px #14292c45; }
html[data-theme=dark] .hero h1 { text-shadow:0 3px 2px #10262b48,0 6px 18px #132c2929; }
:is(.card, .project-card, .benefits, .audit-teaser, .maintenance-row,
    .help-banner, .footer-cta, .grouped-list, .faq, .scene-browser,
    .google-card, .callout, .note, .app-dialog, .digi-dialog,
    .digi-transfer, .digi-options-panel, .digi-bubble,
    .search-results > a, .audit-score, .audit-service, .audit-unavailable,
    .audit-share, .audit-note, .audit-form-wrap, .audit-explainer, .audit-url-row,
    .split-card, .audit-status:not(:empty), .url-search > div) {
  border: 1.25px solid var(--card-edge);
}
.site-footer .footer-cta { border:1.25px solid var(--card-edge); }
.price-card.featured { border-color: var(--card-edge); }
.service-card:hover, .project-card:hover { border-color: var(--card-edge-hover); }
.header-inner { border-color: var(--card-edge); box-shadow: 0 8px 32px #164c3610; }
.help-search, .cookie-banner, .mobile-tabbar { border-color: var(--card-edge); }
.benefits { background: linear-gradient(105deg, var(--mint), color-mix(in srgb, var(--mint) 68%, var(--surface))); }
.icon-tile {
  background:linear-gradient(145deg,color-mix(in srgb,var(--mint) 65%,var(--surface)),var(--mint));
  border:1px solid color-mix(in srgb,var(--green) 14%,transparent);
  border-radius:16px;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface) 65%,transparent),0 2px 5px #183c3406;
}
.icon-tile > .icon { width:26px; height:26px; stroke-width:1.6; }
.icon-tile .icon-pen { fill:color-mix(in srgb,currentColor 9%,transparent); }
.benefits .icon-tile { border-radius:17px; }
@media(max-width:650px) {
  .benefits .icon-tile { border-radius:13px; }
  .benefits .icon-tile > .icon { width:23px; height:23px; }
}
.scene-orbit { background: linear-gradient(135deg,#b9ddcf,#d8eae2 62%,#b5dacb); }
.google-card { background: #f8fbf9f5; border-color: #9ec8b7; }
.google-card p { color: #526760; }
.google-card .preview-label { color: #687f75; }
.project-image:has(img[src$="family-website.webp"]) { background: #080907; }
.project-image img[src$="family-website.webp"] { object-fit: contain; object-position: center; }
.audit-page {
  --audit-ink: var(--ink);
  --audit-green: var(--green);
  --audit-muted: var(--muted);
  --audit-line: var(--card-edge);
  --audit-surface: var(--group);
  --audit-white: var(--surface);
}
.audit-page .audit-eyebrow { background: var(--mint); border-color: var(--card-edge); color: var(--green); }
.digi-message.user .digi-bubble { border-color: var(--green); }
html[data-theme=dark] .scene-orbit { background:#52655c; }
html[data-theme=dark] .header-inner { border-color: var(--card-edge); }
html[data-theme=dark] .google-card { border-color: var(--card-edge); }
html[data-theme=dark] .audit-page { --audit-line:var(--card-edge); --audit-ink:var(--ink); --audit-green:var(--green); --audit-muted:var(--muted); --audit-surface:var(--group); --audit-white:var(--surface); }
@media(max-width:650px) {
  .help-banner>img { width:70px; height:70px; }
  .mobile-tabbar { gap:4px; }
  .mobile-tabbar a { border:1px solid transparent; transition:background .18s,border-color .18s,transform .18s; }
  .mobile-tabbar a[aria-current] { border-color:var(--card-edge-hover); box-shadow:inset 0 1px 0 #ffffff40,0 2px 5px #173c3010; }
  .mobile-tabbar a:active { transform:scale(.96); }
  body.menu-open { overflow:hidden; }
  .nav-backdrop:not([hidden]) { position:fixed; inset:0; z-index:39; background:#0d292e1a; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); }
  .menu-open .mobile-tabbar,.menu-open .chat-launcher { z-index:38; }
  .header-inner #main-nav { top:calc(70px + env(safe-area-inset-top,0px)); left:14px; right:14px; padding:10px; gap:2px; max-height:calc(100dvh - 92px - env(safe-area-inset-top,0px)); overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--card-edge); border-radius:21px; box-shadow:0 16px 36px #092c2c1f,inset 0 1px 0 #ffffff20; }
  .header-inner #main-nav.open { animation:nav-reveal .2s ease-out; }
  .nav-intro { display:none; }
  .nav-intro>span { font-size:11px; font-weight:750; letter-spacing:.11em; text-transform:uppercase; color:var(--green); }
  .nav-intro>small { font-size:12px; color:var(--muted); }
  .header-inner #main-nav .nav-item { display:flex!important; align-items:center; gap:12px; min-height:49px; padding:10px 12px; border:1px solid transparent; border-radius:12px; }
  .nav-icon { display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0; color:var(--green); }
  .nav-icon .icon { width:19px; height:19px; }
  .nav-label { flex:1; font-size:14px; font-weight:560; line-height:1.4; }
  .nav-label small { display:none; }
  .nav-chevron { display:block; width:15px; height:15px; color:var(--muted); opacity:.65; }
  .header-inner #main-nav .nav-item[aria-current],.header-inner #main-nav .nav-item:hover { background:var(--mint); border-color:var(--card-edge); }
  .header-inner #main-nav .nav-contact { display:flex; gap:12px; align-items:center; padding:15px 13px 9px; margin-top:6px; border-top:1px solid var(--line); border-radius:0; background:transparent; color:var(--green); font-size:12px; font-weight:600; }
  .nav-contact span { flex:1; }
  .nav-contact .icon { width:19px; height:19px; }
  .menu-toggle[aria-expanded=true] { background:var(--mint); border:1px solid var(--card-edge); border-radius:13px; }
  .header-inner { border: 0; box-shadow: none; }
  .scene-orbit { background: linear-gradient(120deg,#c8e7da,#b4dccc); }
  .benefits { background: var(--surface); }
  .digi-dialog { border: 0; }
}
@keyframes nav-reveal { from { opacity:0; transform:translateY(-7px) scale(.99); } to { opacity:1; transform:none; } }

/* Visible floating circles remain decorative, behind text and controls. */
body { isolation:isolate; --bubble-fill:#9fc5ad35; --bubble-lilac:#bdb2ca29; --bubble-peach:#dec8a92b; }
html[data-theme=dark] body { --bubble-fill:#b7c8b615; --bubble-lilac:#c7bdcf15; --bubble-peach:#d8c8b518; }
.ambient-circles { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:-1; }
.ambient-circles span { position:absolute; width:var(--size); height:var(--size); border:0; border-radius:50%; background:var(--bubble-fill); animation:circle-float var(--duration,18s) ease-in-out var(--delay,0s) infinite alternate; }
.ambient-circles span:nth-child(1) { --size:260px; left:-155px; top:13%; --duration:19s; --delay:-5s; }
.ambient-circles span:nth-child(2) { --size:240px; right:-145px; top:5%; background:var(--bubble-peach); --duration:24s; --delay:-13s; }
.ambient-circles span:nth-child(3) { --size:92px; left:36%; top:10%; background:var(--bubble-lilac); --duration:15s; --delay:-8s; }
.ambient-circles span:nth-child(4) { --size:52px; right:3%; top:55%; --duration:12s; --delay:-3s; }
.ambient-circles span:nth-child(5) { --size:160px; left:-85px; bottom:3%; --duration:21s; --delay:-11s; }
.ambient-circles span:nth-child(6) { --size:120px; right:12%; bottom:5%; background:var(--bubble-peach); --duration:17s; --delay:-6s; }
.ambient-circles span:nth-child(4),.ambient-circles span:nth-child(7) { display:none; }
@keyframes circle-float { 0% { transform:translate3d(-8px,18px,0) scale(.96); } 50% { transform:translate3d(18px,-14px,0) scale(1.02); } 100% { transform:translate3d(-12px,-42px,0) scale(1.06); } }
body[data-motion=paused] .ambient-circles span { animation-play-state:paused; }
@media(max-width:650px) {
  .ambient-circles span:nth-child(1) { --size:180px; left:-120px; }
  .ambient-circles span:nth-child(2) { --size:210px; right:-150px; top:25%; }
  .ambient-circles span:nth-child(3) { --size:60px; left:auto; right:13%; top:11%; }
  .ambient-circles span:nth-child(5) { --size:120px; left:-65px; bottom:22%; }
  .ambient-circles span:nth-child(6),.ambient-circles span:nth-child(7) { display:none; }
}
.brand-tm { display:inline-block; font-size:9px; letter-spacing:0; font-weight:600; margin-left:3px; vertical-align:top; position:relative; top:1px; line-height:1.2; }
.splash .brand-tm { font-size:12px; top:5px; }
.footer-directory { display:grid; grid-template-columns:1.55fr 1fr 1fr 1.25fr; gap:38px; margin-top:28px; padding:44px 32px; border:1.25px solid var(--card-edge); border-radius:26px; background:color-mix(in srgb,var(--surface) 82%,transparent); }
.footer-brand-block .brand { margin-bottom:22px; }
.footer-brand-block .footer-statement { color:var(--ink); font-size:20px; font-weight:630; line-height:1.3; letter-spacing:-.04em; margin:0 0 14px; }
.footer-brand-block>p:not(.footer-statement) { font-size:13px; line-height:1.7; max-width:235px; margin:0; }
.footer-location { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; margin-top:25px; }
.footer-location .icon { width:15px; height:15px; }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.footer-column h2 { font-size:11px; text-transform:uppercase; letter-spacing:.11em; line-height:1.5; margin:3px 0 7px; font-weight:750; color:var(--ink); }
.footer-column a { font-size:12px; line-height:1.5; color:var(--muted); text-underline-offset:4px; }
.footer-column a:hover,.footer-bottom a:hover { color:var(--green); text-decoration:underline; }
.footer-digi { display:flex; align-items:center; gap:10px; width:100%; margin-top:22px; padding:12px 10px; border:1px solid var(--card-edge); border-radius:16px; background:var(--mint); color:var(--ink); text-align:left; }
.footer-digi img { flex:0 0 38px; width:38px; height:38px; }
.footer-digi>span { flex:1; font-size:12px; font-weight:650; line-height:1.4; }
.footer-digi small { display:block; color:var(--muted); font-size:10px; font-weight:400; margin-top:3px; }
.footer-digi>.icon { width:15px; height:15px; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:24px 190px 8px 3px; color:var(--muted); font-size:10px; }
.footer-bottom>p { font-size:10px; flex-shrink:0; }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; }
.footer-bottom .text-button { font-size:10px; }
.motion-toggle { display:inline-flex; align-items:center; gap:6px; padding:8px 0; background:none; border:0; color:var(--muted); font-size:10px; flex-shrink:0; }
.motion-toggle .icon { width:13px; height:13px; }
.motion-toggle:hover { color:var(--green); }
@media(max-width:1000px) {
  .footer-directory { grid-template-columns:1.2fr 1fr 1fr; gap:28px; padding:30px 26px; }
  .footer-brand-block { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
  .footer-brand-block .brand { margin-bottom:14px; }
  .footer-brand-block>p:not(.footer-statement) { max-width:360px; }
  .footer-brand-block .footer-statement { grid-column:2; grid-row:1/3; font-size:27px; align-self:center; }
  .footer-location { margin-top:16px; }
  .footer-bottom { flex-wrap:wrap; }
}
@media(max-width:650px) {
  .footer-directory { grid-template-columns:1fr 1fr; gap:28px 18px; padding:27px 22px; margin-top:20px; border-radius:24px; }
  .footer-brand-block { display:block; }
  .footer-brand-block .footer-statement { font-size:23px; }
  .footer-brand-block>p:not(.footer-statement) { max-width:300px; }
  .footer-column { gap:13px; }
  .footer-column h2 { font-size:10px; }
  .footer-column a { font-size:11px; }
  .footer-support { grid-column:1/-1; padding-top:23px; border-top:1px solid var(--line); }
  .footer-support .footer-column { gap:12px; }
  .footer-digi { max-width:320px; padding:13px; }
  .footer-bottom { padding-inline:3px; gap:17px; }
  .footer-bottom nav { order:3; width:100%; gap:14px 18px; }
}
@media(prefers-reduced-motion:reduce) { .ambient-circles span { animation:none!important; } .motion-toggle { display:none; } }

/* Human annotations and an Algarve coastline, from the approved mockup. */
.scene-annotation { font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive; font-size:16px; line-height:1.45; font-weight:500; color:var(--green); letter-spacing:-.025em; }
.hero-scene>.scene-annotation { position:absolute; z-index:5; pointer-events:none; margin:0; }
.sketch-arrow { display:block; width:58px; height:52px; }
.google-annotation { left:-12px; top:40px; width:190px; transform:rotate(-7deg); }
.google-annotation .sketch-arrow { margin:-4px 0 0 48px; transform:rotate(12deg); }
.growth-annotation { right:-8px; bottom:24px; width:127px; font-size:13px; transform:rotate(-8deg); text-shadow:0 1px 4px var(--bg); }
.growth-annotation .sketch-arrow { width:35px; height:30px; margin:2px 0 0 45px; transform:rotate(54deg); }
.site-footer .footer-cta { position:relative; overflow:hidden; min-height:170px; }
.footer-cta>div,.footer-cta>.footer-origin { position:relative; z-index:1; }
.footer-cta .footer-coast { position:absolute; right:0; bottom:0; width:35%; height:100%; max-width:none; object-fit:cover; object-position:75% center; mask-image:linear-gradient(90deg,transparent,#000 56%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 56%); }
.footer-cta>.footer-origin { align-self:start; justify-self:center; font-size:13px; color:#204e49; margin-top:0; transform:rotate(-7deg); text-shadow:0 1px 6px #ffffffdf; }
.footer-origin .sketch-arrow { width:42px; height:35px; margin-left:38px; }
html[data-theme=dark] .footer-coast { opacity:.72; }
html[data-theme=dark] .footer-cta>.footer-origin { color:#fff8e9; text-shadow:0 1px 5px #213631; }
.footer-cta>.footer-origin { color:#fff; text-shadow:none; }
.footer-origin-label { background:#006b62; color:#fff; padding:3px 7px; border-radius:4px; box-decoration-break:clone; -webkit-box-decoration-break:clone; line-height:1.9; text-shadow:none; }
.footer-origin .sketch-arrow { color:#fff; filter:drop-shadow(0 1px 2px #173d37); }
@media(max-width:1100px) and (min-width:651px) {
  .google-annotation { left:0; top:63px; font-size:14px; width:174px; }
  .growth-annotation { right:-6px; bottom:2px; font-size:11px; width:104px; }
  .footer-cta { grid-template-columns:1.2fr 1fr; padding-right:26%; }
  .footer-cta>.footer-origin { display:block; position:absolute; right:18px; top:23px; }
  .footer-cta .footer-coast { width:30%; }
}
@media(max-width:650px) {
  .google-annotation { top:36px; left:4px; font-size:12px; width:143px; }
  .google-annotation .sketch-arrow { width:47px; height:48px; margin-left:44px; }
  .growth-annotation { font-size:10px; width:95px; right:0; bottom:3px; }
  .growth-annotation .sketch-arrow { width:27px; height:24px; margin-left:38px; }
  .site-footer .footer-cta { padding-bottom:130px; }
  .footer-cta .footer-coast { width:100%; height:155px; object-position:70% 58%; mask-image:linear-gradient(180deg,transparent,#000 75%); -webkit-mask-image:linear-gradient(180deg,transparent,#000 75%); }
  .footer-cta>.footer-origin { position:absolute; bottom:22px; right:23px; font-size:13px; margin:0; }
}

/* Light, readable entry surfaces inside the dark theme. */
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { color-scheme:light; background:#f3f7f3; color:#17342e; caret-color:#006e61; border-color:#a1c2b4; }
html[data-theme=dark] :is(input,textarea)::placeholder { color:#5e746b; opacity:1; }
html[data-theme=dark] :is(.domain-input-row,.help-search,.url-search>div,.audit-url-row) { background:#f3f7f3; color:#17342e; border-color:#a1c2b4; box-shadow:0 2px 8px #102a2412; }
html[data-theme=dark] .domain-input-row>span { color:#526b61; }
html[data-theme=dark] :is(.domain-input-row,.help-search,.url-search>div,.audit-url-row) input { background:transparent; color:#17342e; }
html[data-theme=dark] :is(.help-search,.url-search>div,.audit-url-row)>.icon { color:#237365; }
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible { outline-color:#65bc9d; }
html[data-theme=dark] :is(.domain-input-row,.help-search,.url-search>div):focus-within { outline:3px solid #65bc9d; outline-offset:3px; }
html[data-theme=dark] .url-search .icon-button { background:#006e61; color:#fff; }

html[data-theme=dark] :is(.domain-input-row,.help-search,.url-search>div) input:focus-visible { outline:none; box-shadow:none; }
.footer-social { display:flex; align-items:center; gap:9px; width:fit-content; min-height:44px; margin-block:10px; color:var(--green); font-weight:600; }
.footer-social:hover { text-decoration:underline; text-underline-offset:4px; }
.footer-social:focus-visible { outline:2px solid currentColor; outline-offset:4px; border-radius:8px; }