/* Styles for the pages not yet redesigned (About, Careers, Privacy, Terms, 404). Loaded after site.css. */
:root {
  --surface:#0A0A0B; --raised:#141416; --sunken:#000000;
  --ink:#F4F1EA; --ink-2:#C8C6C0; --muted:#8E8C87; --line:#232326; --border:#66666C;
  --violet:#8F88FF; --on-violet:#0A0A0B; --violet-soft:#1E1C3A;
  --spark:#FF6B3D; --on-spark:#0A0A0B; --spark-text:#FF9C7C; --focus:#8F88FF;
  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s6:24px; --s8:32px; --s12:48px; --s16:64px;
  --r-sm:6px; --r-md:10px; --r-lg:18px; --r-pill:999px;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  color-scheme:dark;
}
* { box-sizing:border-box; }
h1,h2,h3,p,ol,ul,dl,dd { margin:0; padding:0; }
h1,h2,h3 { font-family:var(--display); text-wrap:balance; }
p { text-wrap:pretty; }
a { color:var(--violet); }
:focus-visible { outline:2px solid var(--focus); outline-offset:2px; border-radius:var(--r-sm); }

.wrap { max-width:1280px; margin:0 auto; padding-inline:40px; }
.rule-top { border-top:1px solid var(--line); }

/* header */

/* buttons */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:var(--s2); min-height:44px; padding:0 var(--s4); border-radius:var(--r-md); font:600 15px/20px var(--sans); text-decoration:none; border:1.5px solid transparent; transition:transform 120ms var(--ease-out), background-color 120ms; white-space:nowrap; }
.btn-lg { min-height:52px; padding:0 var(--s6); font-size:16px; }
.btn-primary { background:var(--violet); color:var(--on-violet); }
.btn-quiet { color:var(--ink); border-color:var(--border); }
.btn:hover { transform:translateY(-1px); }
.btn:active { transform:translateY(0); filter:brightness(.92); }
.faq summary:active { color:var(--ink-2); }

/* hero */
.hero { display:grid; grid-template-columns:8fr 4fr; gap:var(--s16); align-items:end; padding-block:120px 104px; }
.display { font-size:112px; line-height:104px; font-weight:700; letter-spacing:-.04em; }
.lead { font-size:19px; line-height:30px; color:var(--ink-2); max-width:560px; margin-top:var(--s8); }
.actions { display:flex; flex-wrap:wrap; gap:var(--s3); margin-top:40px; }
.facts { border-top:1px solid var(--line); }
.fact { padding:var(--s4) 0; border-bottom:1px solid var(--line); }
.fact dt { font:600 16px/24px var(--sans); color:var(--ink); margin-bottom:var(--s1); }
.fact dd { color:var(--ink-2); font-size:15px; line-height:22px; }

/* two questions */
.qs { display:grid; grid-template-columns:7fr 5fr; gap:var(--s16); padding-block:112px 96px; }
.q { font-size:56px; line-height:60px; font-weight:700; letter-spacing:-.025em; }
.q + .q { margin-top:var(--s6); color:var(--ink-2); }
.qs .sub { font-size:18px; line-height:28px; color:var(--muted); margin-top:var(--s8); max-width:560px; }
.tests-h { font:600 14px/20px var(--sans); color:var(--muted); margin-bottom:var(--s4); }
.tests { border-top:1px solid var(--line); list-style:none; }
.tests li { display:grid; grid-template-columns:120px 1fr; gap:var(--s4); padding:var(--s4) 0; border-bottom:1px solid var(--line); }
.tests b { font:600 16px/24px var(--sans); }
.tests span { color:var(--ink-2); font-size:16px; line-height:24px; }
.tests li.spark b { color:var(--spark-text); }

/* ledger */
.sec-head { display:grid; grid-template-columns:7fr 5fr; gap:var(--s16); align-items:end; padding-block:104px 40px; }
.h2 { font-size:48px; line-height:52px; font-weight:700; letter-spacing:-.02em; }
.sec-head p { font-size:18px; line-height:28px; color:var(--ink-2); }
.ledger { width:100%; border-collapse:collapse; border-top:1px solid var(--ink); margin-bottom:96px; }
.ledger th { text-align:left; font:600 14px/20px var(--sans); color:var(--muted); padding:var(--s3) 0; border-bottom:1px solid var(--line); }
.ledger td { padding:var(--s6) 0; border-bottom:1px solid var(--line); vertical-align:baseline; }
.ledger td.amb { width:41%; padding-right:var(--s8); color:var(--muted); font-size:20px; line-height:28px; text-decoration:line-through; text-decoration-color:#5A5955; text-decoration-thickness:1.5px; }
.ledger td.uc { font:600 24px/32px var(--display); letter-spacing:-.01em; }

/* phases */
.phases { padding-top:104px; padding-bottom:96px; }
.phases .intro { font-size:18px; line-height:28px; color:var(--ink-2); max-width:720px; margin-top:var(--s6); }
.track { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s2); list-style:none; margin-top:var(--s12); }
.step .pill { display:flex; gap:var(--s3); align-items:center; padding:var(--s3) var(--s4); border-radius:var(--r-pill); box-shadow:inset 0 0 0 1px var(--line); font-weight:600; font-size:16px; color:var(--ink); }
.step .pill .n { font:600 12px/16px var(--mono); color:var(--muted); }
.step.active .pill { background:var(--spark); color:var(--on-spark); box-shadow:none; }
.step.active .pill .n { color:var(--on-spark); }
.step h3 { font:600 19px/26px var(--display); margin:var(--s6) var(--s4) var(--s2); }
.step p { color:var(--ink-2); font-size:16px; line-height:24px; margin:0 var(--s4); }
.step .get { color:var(--muted); font-size:14px; line-height:20px; margin-top:var(--s3); }

/* why */
.why { display:grid; grid-template-columns:5fr 7fr; gap:var(--s16); padding-top:104px; padding-bottom:120px; }
.why dl { border-top:1px solid var(--line); }
.why dl div { display:grid; grid-template-columns:5fr 7fr; gap:var(--s8); padding:var(--s6) 0; border-bottom:1px solid var(--line); }
.why dt { font:600 19px/26px var(--display); }
.why dd { color:var(--ink-2); }

/* security */
.sec { background:var(--raised); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.sec .wrap { display:grid; grid-template-columns:5fr 7fr; gap:var(--s16); padding-block:96px; }
.sec ul { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:var(--s4) var(--s8); align-self:center; }
.sec li { padding-left:var(--s6); position:relative; color:var(--ink-2); }
.sec li::before { content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:2px; background:var(--violet); }
.sec .h3 { font:700 32px/38px var(--display); letter-spacing:-.01em; }
.sec p { color:var(--ink-2); margin-top:var(--s4); max-width:460px; }

/* faq */
.faq { display:grid; grid-template-columns:5fr 7fr; gap:var(--s16); padding-top:104px; padding-bottom:96px; }
.faq details { border-bottom:1px solid var(--line); }
.faq details:first-of-type { border-top:1px solid var(--line); }
.faq summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:var(--s6); padding:var(--s6) 0; font:600 19px/26px var(--display); min-height:44px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; font:500 20px/26px var(--mono); color:var(--muted); transition:transform 200ms var(--ease-out); }
.faq details[open] summary::after { transform:rotate(45deg); }
.faq details p { color:var(--ink-2); padding:0 var(--s12) var(--s6) 0; max-width:640px; }

/* final cta */
.final { border-top:1px solid var(--line); padding-top:120px; padding-bottom:120px; }
.final .display-l { font-size:72px; line-height:72px; font-weight:700; letter-spacing:-.03em; max-width:900px; }
.final p { font-size:19px; line-height:30px; color:var(--ink-2); max-width:640px; margin-top:var(--s6); }


@media (prefers-reduced-motion: reduce) {
  .btn, .faq summary::after { transition:none; }
}

@media (max-width: 1024px) {
  .display { font-size:88px; line-height:86px; letter-spacing:-.035em; }
  .hero, .qs, .sec-head, .why, .faq, .sec .wrap { grid-template-columns:1fr; gap:var(--s12); }
  .hero { padding-block:88px 72px; }
  .track { grid-template-columns:1fr 1fr; row-gap:var(--s8); }
}
@media (max-width: 768px) {
  .wrap { padding-inline:var(--s6); }
  .display { font-size:56px; line-height:56px; letter-spacing:-.03em; }
  .q { font-size:36px; line-height:40px; }
  .h2, .final .display-l { font-size:36px; line-height:40px; }
  .lead { font-size:18px; line-height:28px; }
  .qs { padding-block:72px 64px; }
  .phases, .why, .faq { padding-top:72px; padding-bottom:64px; }
  .sec-head { padding-block:72px 32px; }
  .final { padding-top:80px; padding-bottom:80px; }
  .ledger thead { display:none; }
  .ledger tr { display:block; padding:var(--s4) 0; border-bottom:1px solid var(--line); }
  .ledger td { display:block; padding:0; border:0; width:auto !important; }
  .ledger td.amb { font-size:16px; line-height:24px; margin-bottom:var(--s1); }
  .ledger td.uc { font-size:20px; line-height:28px; }
  .why dl div { grid-template-columns:1fr; gap:var(--s2); }
  .sec ul { grid-template-columns:1fr; }
  .tests li { grid-template-columns:1fr; gap:var(--s1); }
}
@media (max-width: 480px) {
  .track { grid-template-columns:1fr; }
  .actions .btn { width:100%; }
}
@media (min-width: 1440px) { .wrap { padding-inline:48px; } }

/* ---- inner pages ---- */
.page-hero { display:grid; grid-template-columns:8fr 4fr; gap:var(--s16); align-items:end; padding-block:120px 96px; }
.page-hero h1 { font-size:80px; line-height:80px; font-weight:700; letter-spacing:-.035em; }
.block { padding-block:104px 96px; }
.block-head { display:grid; grid-template-columns:7fr 5fr; gap:var(--s16); align-items:end; margin-bottom:var(--s12); }
.block-head p { font-size:18px; line-height:28px; color:var(--ink-2); }
.closing { margin-top:var(--s12); font:600 24px/32px var(--display); letter-spacing:-.01em; max-width:820px; }

.stats { display:grid; grid-template-columns:repeat(var(--cols,3),1fr); border-top:1px solid var(--line); }
.stats > div { padding:var(--s8) var(--s8) 0 0; }
.stats > div + div { padding-left:var(--s8); border-left:1px solid var(--line); }
.stats b { display:block; font:700 48px/52px var(--display); letter-spacing:-.02em; }
.stats p { color:var(--ink-2); margin-top:var(--s2); }
.stats cite { display:block; font:500 12px/16px var(--mono); font-style:normal; color:var(--muted); margin-top:var(--s4); }

.lines { list-style:none; border-top:1px solid var(--line); }
.lines li { font:600 32px/40px var(--display); letter-spacing:-.015em; padding-block:var(--s6); border-bottom:1px solid var(--line); color:var(--ink-2); }

.rows { list-style:none; border-top:1px solid var(--line); }
.rows > li, .rows > div { display:grid; grid-template-columns:4fr 8fr; gap:var(--s8); padding-block:var(--s6); border-bottom:1px solid var(--line); }
.rows h3 { font:600 19px/26px var(--display); }
.rows p { color:var(--ink-2); }
.rows p + p { margin-top:var(--s3); }
.rows .get { color:var(--ink); }
.rows .get b { font-weight:600; }
.rows .n { font:600 13px/26px var(--mono); color:var(--muted); margin-right:var(--s3); }
.rows .n.spark { color:var(--spark-text); }

.prose { max-width:720px; padding-block:24px 120px; }
.prose h2 { font:700 24px/30px var(--display); margin:var(--s12) 0 var(--s3); }
.prose p, .prose li { color:var(--ink-2); }
.prose p + p { margin-top:var(--s4); }
.prose ul { padding-left:var(--s6); margin-top:var(--s3); }
.prose li + li { margin-top:var(--s2); }
.prose .meta { color:var(--muted); font-size:14px; }

.chips { display:flex; flex-wrap:wrap; gap:var(--s2); list-style:none; }
.chips a { display:inline-flex; align-items:center; min-height:44px; padding:0 var(--s4); border-radius:var(--r-pill); box-shadow:inset 0 0 0 1px var(--line); color:var(--ink-2); text-decoration:none; font-weight:600; font-size:14px; }
.chips a:hover { color:var(--ink); box-shadow:inset 0 0 0 1px var(--border); }

.field { display:flex; flex-direction:column; gap:var(--s2); }
.field label, .field legend { font-weight:600; font-size:14px; line-height:20px; }
.field .opt { color:var(--muted); font-weight:400; }
.field input, .field select, .field textarea { font:16px/24px var(--sans); color:var(--ink); background:var(--raised); border:1.5px solid var(--border); border-radius:var(--r-sm); padding:var(--s3); min-height:44px; width:100%; }
.field textarea { min-height:128px; resize:vertical; }
.field .help { font-size:14px; line-height:20px; color:var(--muted); }
.field .err { font-size:14px; line-height:20px; color:#FF8A80; }
.field [aria-invalid="true"] { border-color:#FF8A80; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:var(--s6); }
.check { display:flex; gap:var(--s3); align-items:flex-start; color:var(--ink-2); font-size:14px; line-height:20px; }
.check input { width:20px; height:20px; margin-top:0; accent-color:var(--violet); }
.btn[disabled] { opacity:.45; cursor:not-allowed; transform:none; }
.status { padding:var(--s4); border-radius:var(--r-md); border:1px solid var(--line); background:var(--raised); }

@media (max-width: 1024px) {
  .page-hero, .block-head { grid-template-columns:1fr; gap:var(--s8); }
  .page-hero h1 { font-size:64px; line-height:64px; }
  .stats { grid-template-columns:1fr 1fr; }
  .stats > div:nth-child(odd) { padding-left:0; border-left:0; }
}
@media (max-width: 768px) {
  .page-hero { padding-block:72px 56px; }
  .page-hero h1 { font-size:44px; line-height:48px; letter-spacing:-.03em; }
  .block { padding-block:72px 64px; }
  .lines li { font-size:24px; line-height:32px; }
  .rows > li, .rows > div { grid-template-columns:1fr; gap:var(--s2); }
  .stats { grid-template-columns:1fr; }
  .stats > div, .stats > div + div { padding:var(--s6) 0; border-left:0; border-bottom:1px solid var(--line); }
  .grid-2 { grid-template-columns:1fr; }
}
.ind { padding-top:var(--s16); scroll-margin-top:var(--s6); }
.ind .rows > li { grid-template-columns:5fr 7fr; padding-block:var(--s4); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }
mark.needs { background:transparent; color:#F5C26B; font-weight:600; }
.lines.fit li, .lines li.small-line { font:400 16px/24px var(--sans); padding-block:var(--s3); color:var(--ink-2); }
.fit-h { font:600 19px/26px var(--display); margin-bottom:var(--s3); }
.role-meta { display:block; font:400 14px/20px var(--sans); color:var(--muted); margin-top:var(--s1); }
.role { padding-bottom:var(--s8); }
.role > p { color:var(--ink-2); padding:0 !important; max-width:720px; }
.role h4 { font:600 16px/24px var(--sans); margin:var(--s6) 0 var(--s2); }
.role ul { padding-left:var(--s6); color:var(--ink-2); max-width:720px; }
.role li + li { margin-top:var(--s1); }
.role .btn { margin-top:var(--s6); }
.contact-grid { display:grid; grid-template-columns:8fr 4fr; gap:var(--s16); }
#thanks { padding-block:var(--s8); }
#thanks:focus { outline:none; }
@media (max-width: 1024px) { .contact-grid { grid-template-columns:1fr; } }

/* ---- solutions finder ---- */
.finder { display:grid; grid-template-columns:3fr 9fr; gap:var(--s12); align-items:start; }
.filters { position:sticky; top:var(--s6); display:flex; flex-direction:column; gap:var(--s6); }
.filters-h { font:700 24px/30px var(--display); }
.facet { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.facet summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; min-height:52px; font:600 17px/24px var(--display); }
.facet summary::-webkit-details-marker { display:none; }
.facet summary::after { content:""; width:9px; height:9px; border-right:2px solid var(--ink-2); border-bottom:2px solid var(--ink-2); transform:rotate(45deg) translateY(-3px); transition:transform 200ms var(--ease-out); }
.facet[open] summary::after { transform:rotate(-135deg) translateY(-3px); }
.facet ul { list-style:none; padding-bottom:var(--s4); }
.opt-row { display:flex; align-items:center; gap:var(--s3); min-height:44px; color:var(--ink-2); cursor:pointer; }
.opt-row input { width:18px; height:18px; accent-color:var(--violet); }
.opt-row:hover { color:var(--ink); }
.opt-row .count { margin-left:auto; font:500 13px/20px var(--mono); color:var(--muted); }
.results-bar { display:flex; align-items:center; justify-content:space-between; min-height:44px; margin-bottom:var(--s4); color:var(--ink-2); }
.results-bar b { color:var(--ink); }
.linkbtn { background:none; border:0; color:var(--violet); font:600 14px/20px var(--sans); cursor:pointer; min-height:44px; padding:0; }
.uc-grid { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); }
li.uc { display:flex; flex-direction:column; gap:var(--s3); padding:var(--s6); background:var(--raised); border:1px solid var(--line); border-radius:var(--r-lg); transition:border-color 120ms; }
li.uc:hover { border-color:var(--border); }
.uc-meta { display:flex; justify-content:space-between; gap:var(--s3); font-size:13px; line-height:20px; color:var(--muted); }
.uc-meta span:first-child { color:var(--ink-2); font-weight:600; }
.uc h3 { font:600 19px/26px var(--display); }
.uc p { color:var(--ink-2); }
.uc a { margin-top:auto; padding-top:var(--s2); font-weight:600; font-size:14px; text-decoration:none; min-height:44px; display:flex; align-items:flex-end; }
.uc a:hover { text-decoration:underline; }
.empty { padding:var(--s12) 0; border-top:1px solid var(--line); max-width:560px; }
.empty h3 { font:700 24px/30px var(--display); margin-bottom:var(--s3); }
.empty p { color:var(--ink-2); }
@media (max-width: 1200px) { .uc-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 1024px) { .finder { grid-template-columns:1fr; } .filters { position:static; } }
@media (max-width: 640px) { .uc-grid { grid-template-columns:1fr; } }
.more { display:flex; justify-content:center; margin-top:var(--s8); }
[hidden] { display:none !important; }
.seg { display:inline-flex; padding:var(--s1); border-radius:var(--r-md); box-shadow:inset 0 0 0 1px var(--line); }
.seg label { display:inline-flex; align-items:center; min-height:40px; padding:0 var(--s4); border-radius:var(--r-sm); font-weight:600; font-size:14px; color:var(--ink-2); cursor:pointer; }
.seg input { position:absolute; opacity:0; pointer-events:none; }
.seg label:has(input:checked) { background:var(--ink); color:var(--surface); }
.seg label:has(input:focus-visible) { outline:2px solid var(--focus); outline-offset:2px; }
.results-bar { gap:var(--s4); flex-wrap:wrap; }
.results-bar #count { margin-left:auto; }
.uc-meta span:last-child { text-align:right; }
.uc-buyer { font-size:14px; line-height:20px; color:var(--muted) !important; }
.uc-more summary { cursor:pointer; color:var(--ink-2); font-size:14px; font-weight:600; min-height:32px; display:flex; align-items:center; }
.uc-more summary:hover { color:var(--ink); }
.uc-more p { margin-top:var(--s2); font-size:15px; line-height:22px; }
#dept-facet ul { max-height:320px; overflow:auto; }
.uc-meta { flex-direction:column; gap:0; }
.uc-meta span:last-child { text-align:left; }

/* ---- colour pass: colour carries information ---- */
:root { --ind-tech:#8F88FF; --ind-fin:#CFC6FF; --ind-mfg:#FFD2BD; --ind-health:#BFDCCB; --ind-retail:#F5D48A; --ind-pro:#A9DCE3; --ind-edu:#F4B6CB; --lilac:#CFC6FF; --sage:#BFDCCB; --apricot:#FFD2BD; }
[data-industry="technology-saas"], .opt-row:has(input[value="technology-saas"]) { --ind:var(--ind-tech); }
[data-industry="financial-services"], .opt-row:has(input[value="financial-services"]) { --ind:var(--ind-fin); }
[data-industry="manufacturing"], .opt-row:has(input[value="manufacturing"]) { --ind:var(--ind-mfg); }
[data-industry="healthcare"], .opt-row:has(input[value="healthcare"]) { --ind:var(--ind-health); }
[data-industry="retail-hospitality"], .opt-row:has(input[value="retail-hospitality"]) { --ind:var(--ind-retail); }
[data-industry="professional-services"], .opt-row:has(input[value="professional-services"]) { --ind:var(--ind-pro); }
[data-industry="education"], .opt-row:has(input[value="education"]) { --ind:var(--ind-edu); }

/* 1. industries: top accent on each card, coloured label, swatch in the filter */
li.uc { box-shadow:inset 0 3px 0 var(--ind, transparent); }
.uc .uc-meta span:first-child { color:var(--ind, var(--ink-2)); }
.facet .opt-row > span:first-of-type { display:inline-flex; align-items:center; gap:var(--s2); }
.facet .opt-row > span:first-of-type::before { content:""; width:10px; height:10px; border-radius:3px; background:var(--ind, transparent); flex:none; }
#dept-list .opt-row > span:first-of-type::before { display:none; }
.ind-tag { display:block; margin-top:var(--s1); font:600 14px/20px var(--sans); color:var(--ind); }

/* 2. sourced numbers in colour */
.stats > div:nth-child(4n+1) b { color:var(--lilac); }
.stats > div:nth-child(4n+2) b { color:var(--apricot); }
.stats > div:nth-child(4n+3) b { color:var(--sage); }
.stats > div:nth-child(4n+4) b { color:var(--violet); }

/* 3. each phase its own colour; coral stays on the active one */
.track .step:nth-child(2) { --ph:var(--violet); }
.track .step:nth-child(3) { --ph:var(--sage); }
.track .step:nth-child(4) { --ph:var(--apricot); }
.track .step:not(.active) .pill { box-shadow:inset 0 0 0 1.5px var(--ph); }
.track .step:not(.active) .pill .n { color:var(--ph); }
.ph-1 { color:var(--spark-text) !important; } .ph-2 { color:var(--violet) !important; } .ph-3 { color:var(--sage) !important; } .ph-4 { color:var(--apricot) !important; }

/* 4. quiet buttons are outlined, never grey-filled */
.btn-quiet { background:transparent; }

/* ---- headers: headline left, supporting copy right; no fact lists ---- */
.hero, .page-hero { grid-template-columns:7fr 5fr; gap:var(--s16); align-items:end; }
.hero-side .lead { margin-top:0; max-width:none; }
.hero-side .actions { margin-top:var(--s8); }
.fineprint { margin-top:var(--s6); padding-top:var(--s4); border-top:1px solid var(--line); font-size:14px; line-height:20px; color:var(--muted); }
.page-hero h1 { font-size:96px; line-height:92px; letter-spacing:-.04em; }
@media (max-width: 1200px) { .page-hero h1 { font-size:80px; line-height:80px; } }
@media (max-width: 1024px) { .hero, .page-hero { grid-template-columns:1fr; gap:var(--s8); } .page-hero h1 { font-size:64px; line-height:64px; } }
@media (max-width: 768px) { .page-hero h1 { font-size:44px; line-height:48px; letter-spacing:-.03em; } }
.fineprint { border-top:0; padding-top:0; margin-top:var(--s4); }

.hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }