.container { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
.stack { display: grid; gap: var(--s-4); }
.eyebrow { color: var(--blue); font: 500 var(--t-12) / 1.2 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.lede { max-width: 62ch; color: var(--muted); font-size: var(--t-18); }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2); min-height: 44px; border: 1px solid var(--blue); border-radius: 999px; padding: 0 var(--s-5); background: var(--blue); color: var(--surface); font-weight: 500; line-height: 1; text-decoration: none; transition: background-color 180ms var(--ease), border-color 180ms var(--ease), color 180ms var(--ease), transform 180ms var(--ease); }
.btn:hover { border-color: var(--blue-hover); background: var(--blue-hover); color: var(--surface); transform: translateY(-1px); }
.btn.secondary { background: transparent; color: var(--blue); }
.btn.secondary:hover { background: var(--blue-bg); color: var(--blue-hover); }
.btn.ghost { border-color: transparent; background: transparent; color: var(--blue); }
.btn.ghost:hover { background: var(--blue-bg); }
.btn.icon { width: 44px; padding: 0; border-radius: 50%; }
.btn[disabled] { cursor: not-allowed; opacity: 0.5; transform: none; }

.pill { display: inline-flex; align-items: center; gap: var(--s-2); width: fit-content; border: 1px solid var(--line); border-radius: 999px; padding: var(--s-1) var(--s-3); background: var(--surface); color: var(--muted); font-size: var(--t-12); }
.card { border: 1px solid var(--line); border-radius: var(--r-12); padding: var(--s-6); background: var(--surface); box-shadow: var(--sh-2); }
.card.subtle { background: var(--sunk); box-shadow: var(--sh-1); }

.frame { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-12); background: var(--surface); box-shadow: var(--sh-3); }
.frame-bar { display: flex; align-items: center; gap: var(--s-1); height: 36px; padding: 0 var(--s-4); border-bottom: 1px solid var(--line); background: var(--sunk); }
.frame-bar span { width: 8px; height: 8px; border-radius: 50%; background: var(--faint); }
.frame img { width: 100%; height: auto; }

.chip { display: inline-flex; align-items: center; gap: var(--s-2); border: 1px solid var(--line); border-radius: var(--r-6); padding: var(--s-2) var(--s-3); background: var(--surface); color: var(--muted); font: var(--t-12) / 1.2 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; }
.chip button { display: inline-grid; place-items: center; width: 20px; height: 20px; border: 0; border-radius: 4px; background: var(--blue-bg); color: var(--blue); }
.chip.is-copied { border-color: var(--green); background: var(--green-bg); color: var(--green); }
.chip.is-copied button { background: var(--green); color: var(--surface); }

.dl { display: grid; gap: 0; margin: 0; }
.dl > div { display: grid; grid-template-columns: minmax(140px, 0.8fr) 1.2fr; gap: var(--s-6); padding: var(--s-4) 0; border-bottom: 1px solid var(--line); }
.dl > div:last-child { border-bottom: 0; }
.dl dt { color: var(--muted); font-size: var(--t-12); letter-spacing: 0.06em; text-transform: uppercase; }
.dl dd { margin: 0; color: var(--ink); font: var(--t-14) / 1.5 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; }

.accordion { border-top: 1px solid var(--line); }
.accordion details { border-bottom: 1px solid var(--line); }
.accordion summary { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); padding: var(--s-5) 0; cursor: pointer; font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif; font-weight: 600; list-style: none; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; color: var(--blue); font: 400 var(--t-24) / 1 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; transition: transform 180ms var(--ease); }
.accordion details[open] summary::after { transform: rotate(45deg); }
.accordion .answer { max-width: 65ch; padding: 0 48px var(--s-5) 0; color: var(--muted); }

.section-head { display: grid; gap: var(--s-3); }
.section-head h2 { max-width: 16ch; }
.section-head .lede { margin-top: var(--s-1); }
.grid-2, .grid-3 { display: grid; gap: var(--s-4); }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 800px) { .grid-3 { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .container { width: min(100% - 32px, 1200px); } .grid-2 { grid-template-columns: 1fr; } .dl > div { grid-template-columns: 1fr; gap: var(--s-1); } }

.site-header { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid transparent; }
.site-header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: color-mix(in srgb, var(--paper) 80%, transparent); backdrop-filter: blur(16px); }
.site-header.is-scrolled { border-bottom-color: var(--line); box-shadow: var(--sh-1); }
.site-nav { display: flex; align-items: center; justify-content: space-between; gap: var(--s-6); min-height: 72px; }
.brand { display: inline-flex; align-items: center; gap: var(--s-3); color: var(--ink); font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; text-decoration: none; }
.brand:hover { color: var(--ink); }
.brand-mark { width: 30px; height: 30px; color: var(--blue); }
.brand-mark svg { width: 100%; height: 100%; }
.nav-links { display: flex; align-items: center; gap: var(--s-6); margin-left: auto; }
.nav-links a { color: var(--muted); text-decoration: none; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--blue); }
.menu-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: var(--r-6); background: var(--surface); color: var(--ink); }
.menu-toggle svg { width: 20px; height: 20px; }
.site-footer { margin-top: var(--s-24); padding: var(--s-16) 0 var(--s-6); border-top: 1px solid var(--line); }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: var(--s-8); }
.footer-line { max-width: 28ch; margin-top: var(--s-4); color: var(--muted); }
.footer-title { margin-bottom: var(--s-3); color: var(--ink); font: 500 var(--t-12) / 1.2 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.footer-links { display: grid; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.footer-links a { color: var(--muted); text-decoration: none; }
.footer-links a:hover { color: var(--blue); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); margin-top: var(--s-12); padding-top: var(--s-4); border-top: 1px solid var(--line); color: var(--muted); font-size: var(--t-12); }
.theme-toggle { display: inline-flex; gap: var(--s-1); padding: var(--s-1); border: 1px solid var(--line); border-radius: 999px; background: var(--surface); }
.theme-toggle button { border: 0; border-radius: 999px; padding: var(--s-2) var(--s-3); background: transparent; color: var(--muted); font-size: var(--t-12); }
.theme-toggle button[aria-pressed="true"] { background: var(--blue); color: var(--surface); }

@media (max-width: 899px) {
	.menu-toggle { display: inline-flex; }
	.nav-links { position: fixed; inset: 73px 0 0 auto; z-index: 1; flex-direction: column; align-items: stretch; gap: 0; width: min(320px, 85vw); margin: 0; padding: var(--s-3); overflow-y: auto; border-left: 1px solid var(--line); background: var(--surface); box-shadow: var(--sh-3); transform: translateX(100%); visibility: hidden; }
	.nav-links.is-open { transform: none; visibility: visible; }
	.nav-backdrop { position: fixed; inset: 0; z-index: 9; background: rgb(11 11 12 / 0.4); opacity: 0; visibility: hidden; }
	.nav-backdrop.is-open { opacity: 1; visibility: visible; }
	.nav-links a { padding: var(--s-3); }
	.site-nav > .btn { display: none; }
}
@media (max-width: 720px) {
	.footer-grid { grid-template-columns: 1fr; }
	.footer-bottom { align-items: flex-start; flex-direction: column; }
}

.home-hero { display: grid; grid-template-columns: 55fr 45fr; align-items: center; gap: var(--s-12); }
.home-hero--no-media { grid-template-columns: 1fr; }
.hero-copy { display: grid; gap: var(--s-6); }
.hero-copy h1 { max-width: 11ch; }
.hero-standfirst { max-width: 58ch; color: var(--muted); font-size: var(--t-22); }
.hero-actions { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.fact-row { display: flex; flex-wrap: wrap; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.fact-row .chip { background: var(--surface); }
.hero-media { min-width: 0; }
.hero-media .frame { transform: perspective(1200px) rotateY(-6deg) rotateX(2deg); transition: transform 400ms var(--ease); }
.hero-media .frame:hover { transform: none; }
.media-caption { margin-top: var(--s-2); color: var(--muted); font: var(--t-12) / 1.3 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.verification-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--sunk); }
.verification-inner { display: grid; gap: var(--s-3); padding-block: var(--s-6); }
.verification-title { margin: 0; color: var(--blue); font: 500 var(--t-12) / 1.2 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.verification-chips { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.verification-chip { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); }
.verification-chip code { color: var(--ink); }
.verification-chip a { color: var(--blue); font-family: Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none; }
.verification-chip a:hover { color: var(--blue-hover); }
.verification-note { color: var(--muted); font-size: var(--t-14); }
.entity-lede { max-width: 52ch; margin: 0 auto; text-align: center; color: var(--muted); font-size: var(--t-22); }
.products-section { display: grid; gap: var(--s-10); }
.product-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr); gap: var(--s-10); align-items: center; }
.product-card--nexpan { width: 66.666%; grid-template-columns: 1fr; }
.product-copy { display: grid; gap: var(--s-4); }
.product-copy h3 { font-size: var(--t-36); }
.product-copy p { max-width: 66ch; color: var(--muted); }
.checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2) var(--s-6); margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: var(--t-14); }
.checklist li::before { content: "+"; display: inline-block; width: 1.4em; color: var(--green); font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.product-links { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-4); }
.product-links > a:not(.btn) { font-weight: 500; text-decoration: none; }

@media (max-width: 899px) { .home-hero { grid-template-columns: 1fr; gap: var(--s-10); } .hero-copy h1 { max-width: 14ch; } }
@media (max-width: 720px) { .product-card, .product-card--nexpan { width: 100%; grid-template-columns: 1fr; } }
@media (max-width: 520px) { .hero-actions .btn { flex: 1 1 auto; } .checklist { grid-template-columns: 1fr; } .verification-chips { display: grid; } .verification-chip { justify-content: space-between; } }

.record-section, .built-section, .faq-section { display: grid; gap: var(--s-8); }
.record { overflow: hidden; }
.record-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); padding: var(--s-5) var(--s-6); background: var(--sunk); }
.record-title { display: grid; gap: var(--s-1); font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif; font-size: var(--t-20); font-weight: 600; }
.record-structure { color: var(--muted); font: 400 var(--t-14) / 1.4 Inter, ui-sans-serif, system-ui, sans-serif; }
.record-status { display: inline-flex; align-items: center; gap: var(--s-2); flex: 0 0 auto; border-radius: 999px; padding: var(--s-2) var(--s-3); background: var(--green-bg); color: var(--green); font-size: var(--t-12); font-weight: 500; }
.record-status::before { content: "✓"; font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.record .dl { padding: 0 var(--s-6); }
.record .dl dd { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); }
.record-value { display: inline-flex; align-items: center; gap: var(--s-2); }
.record-value button { display: inline-grid; place-items: center; width: 22px; height: 22px; border: 0; border-radius: var(--r-6); background: var(--blue-bg); color: var(--blue); }
.record-verify { font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: var(--t-12); font-weight: 500; text-decoration: none; }
.record-actions { display: flex; justify-content: flex-end; }
.built-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
.built-card { display: grid; gap: var(--s-4); }
.line-icon { width: 32px; height: 32px; color: var(--blue); }
.line-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.built-card p { color: var(--muted); }
.infrastructure-diagram { display: grid; gap: var(--s-2); }
.infrastructure-diagram svg { width: 100%; height: auto; color: var(--blue); }
.infrastructure-diagram .infra-narrow { display: none; max-width: 400px; }
@media (max-width: 719px) { .infrastructure-diagram .infra-wide { display: none; } .infrastructure-diagram .infra-narrow { display: block; } }
.diagram-caption { color: var(--muted); font-size: var(--t-14); }
.cta-band { padding-inline: var(--s-6); background: var(--ink); color: var(--paper); }
.cta-band .container { display: grid; gap: var(--s-5); }
.cta-band h2 { max-width: 18ch; }
.cta-band p { color: var(--paper); }
.cta-band .hero-actions { margin: 0; }
.cta-band .btn { border-color: var(--paper); background: var(--paper); color: var(--ink); }
.cta-band .btn.secondary { background: transparent; color: var(--paper); }
.print-only { display: none; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: absolute; z-index: 20; top: var(--s-2); left: var(--s-2); border-radius: var(--r-6); padding: var(--s-3) var(--s-4); background: var(--blue); color: var(--surface); font-weight: 500; text-decoration: none; transform: translateY(-200%); }
.skip-link:focus-visible { color: var(--surface); transform: none; }
.cta-band :focus-visible { outline-color: var(--paper); }

@media (max-width: 800px) { .built-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .record-head { align-items: flex-start; flex-direction: column; } .record .dl { padding-inline: var(--s-4); } .record-actions { justify-content: stretch; } .record-actions .btn { width: 100%; } }

.product-page-header { display: grid; gap: var(--s-5); }
.product-page-header h1 { max-width: 20ch; font-size: var(--t-48); }
.product-tabs { display: flex; flex-wrap: wrap; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.product-tabs a { border: 1px solid var(--line); border-radius: 999px; padding: var(--s-2) var(--s-4); color: var(--muted); font-size: var(--t-14); font-weight: 500; text-decoration: none; transition: background-color 180ms var(--ease), border-color 180ms var(--ease), color 180ms var(--ease); }
.product-tabs a:hover, .product-tabs a.is-active { border-color: var(--blue); background: var(--blue-bg); color: var(--blue); }
[data-product-section] { scroll-margin-top: var(--s-20); }
.product-section { display: grid; gap: var(--s-12); }
.product-intro { display: grid; gap: var(--s-4); }
.product-intro h2 { font-size: var(--t-48); }
.product-intro p { max-width: 68ch; color: var(--muted); font-size: var(--t-18); }
.product-intro .who-line { color: var(--ink); font: 500 var(--t-14) / 1.4 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.walk { display: grid; grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); gap: var(--s-12); align-items: start; }
.walk--no-media { grid-template-columns: minmax(0, 68ch); }
.walk-copy { display: grid; gap: var(--s-4); }
.walk-step { display: grid; gap: var(--s-2); border-left: 2px solid transparent; padding: var(--s-5) 0 var(--s-5) var(--s-5); transition: border-color 300ms var(--ease), opacity 300ms var(--ease); }
.walk.is-ready .walk-step { opacity: .88; }
.walk.is-ready .walk-step.is-active { border-left-color: var(--blue); opacity: 1; }
.walk-step-number { color: var(--blue); font: 500 var(--t-12) / 1 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.walk-step h3 { font-size: var(--t-24); }
.walk-step p { color: var(--muted); }
.walk-frame { position: sticky; top: 96px; aspect-ratio: 16 / 10; }
.walk-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top left; opacity: 0; transition: opacity 300ms var(--ease); }
.walk-frame img.is-active { opacity: 1; }
.walk-step-media { display: none; aspect-ratio: 16 / 10; margin-top: var(--s-3); box-shadow: var(--sh-2); }
.walk-step-media img { width: 100%; height: 100%; object-fit: cover; object-position: top left; }
.product-facts .card { display: grid; align-content: start; gap: var(--s-3); }
.product-facts h3 { font-size: var(--t-22); }
.product-facts p { color: var(--muted); }
.product-closing { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s-4) var(--s-6); padding-top: var(--s-8); border-top: 1px solid var(--line); }
.product-contact-line { color: var(--muted); font: 500 var(--t-14) / 1.4 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.product-contact-line a { color: inherit; text-decoration: none; }
.product-contact-line a:hover { color: var(--blue); }
.product-section + .product-section { border-top: 1px solid var(--line); }
.product-section .checklist { max-width: 40rem; font-size: var(--t-16); }
.company-page-header, .contact-page-header { display: grid; gap: var(--s-5); }
.company-page-header h1, .contact-page-header h1 { max-width: 18ch; }
.company-page-header .lede, .contact-page-header .lede { max-width: 68ch; }
.proprietor-section, .domains-section { display: grid; gap: var(--s-8); }
.proprietor-card { display: grid; grid-template-columns: 1fr; gap: var(--s-8); }
.proprietor-card:has(> .proprietor-photo) { grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); align-items: start; }
.proprietor-photo { overflow: hidden; margin: 0; aspect-ratio: 4 / 5; border: 1px solid var(--line); border-radius: var(--r-12); background: var(--sunk); }
.proprietor-photo img { width: 100%; height: 100%; object-fit: cover; }
.proprietor-copy { display: grid; align-content: start; gap: var(--s-4); }
.proprietor-copy h2 { font-size: var(--t-36); }
.proprietor-copy p { color: var(--muted); }
.proprietor-contact { display: grid; gap: var(--s-2); margin: 0; padding: 0; list-style: none; font: var(--t-14) / 1.5 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.proprietor-contact a { text-decoration: none; }
.domains-section .dl dt { color: var(--ink); font: 500 var(--t-14) / 1.5 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0; text-transform: none; }
.domains-section .dl dd a { text-decoration: none; }
.domain-note { color: var(--muted); font: 500 var(--t-14) / 1.4 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.route-card { display: flex; flex-direction: column; gap: var(--s-4); }
.route-card h2 { font-size: var(--t-28); }
.route-card p { color: var(--muted); }
.route-card-foot { display: grid; gap: var(--s-3); margin-top: auto; padding-top: var(--s-2); }
.route-card .route-hours { color: var(--muted); font: 500 var(--t-14) / 1.4 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.contact-details { display: grid; gap: var(--s-4); }
.contact-details dd { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-1) var(--s-4); }
.contact-details dd a { text-decoration: none; }
.not-found { display: grid; align-content: center; gap: var(--s-5); min-height: 55vh; }
.not-found h1 { max-width: 14ch; }
.cta-bar { border-top: 1px solid var(--line); background: var(--sunk); }
.cta-bar-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s-4) var(--s-6); padding-block: var(--s-6); }
.cta-bar p { font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif; font-size: var(--t-20); font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; }
.cta-bar p { text-wrap: balance; }
main:has(> .cta-bar:last-child) + .site-footer { margin-top: 0; }
/* Section rhythm: every top-level block of <main> gets the same vertical padding. The verification strip and .cta-bar (an <aside>) stay slim. */
main > :where(section, header, p):not(.verification-strip, .print-only) { padding-block: var(--section-y); }

@media (min-width: 900px) { .walk:not(.walk--no-media) .walk-copy { gap: 25vh; padding-block: 20vh; } }
@media (max-width: 899px) { .walk { grid-template-columns: 1fr; } .walk-frame { display: none; } .walk-step-media { display: block; } }
@media (max-width: 640px) { .proprietor-card:has(> .proprietor-photo) { grid-template-columns: 1fr; } .proprietor-photo { max-width: 220px; } }
@media (max-width: 640px) { .cta-bar-inner { align-items: stretch; flex-direction: column; } .cta-bar .btn { flex: 1 1 auto; } }
@media (max-width: 640px) { .product-closing { align-items: stretch; flex-direction: column; } .product-closing .btn { flex: 1 1 auto; white-space: nowrap; } }

/* Touch targets: small standalone links and copy buttons get a hit area of at least 24px. Inline links take vertical
   padding (which doesn't affect line layout); flex items offset their padding with negative margin. */
:is(.footer-links, .proprietor-contact, .dl dd) a:not(.record-verify) { padding-block: 4px; background-origin: content-box; }
.verification-chip a, .record-verify { padding-block: 5px; margin-block: -5px; background-origin: content-box; }
.chip button { width: 24px; height: 24px; margin: -2px; border: 2px solid transparent; background-clip: padding-box; }
.record-value button { width: 24px; height: 24px; margin: -1px; border: 1px solid transparent; background-clip: padding-box; }
[data-copy] svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
[data-copy] .icon-done, .is-copied [data-copy] .icon-copy { display: none; }
.is-copied [data-copy] .icon-done { display: block; }