/* BuildNuvora — shared styles: blueprint / technical-drawing direction */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

:root{
  --bn-paper:#F7F8FA;
  --bn-paper-2:#EEF1F5;
  --bn-ink:#12161C;
  --bn-ink-2:#1D232C;
  --bn-blue:#2A5CDE;
  --bn-blue-dim: rgba(42,92,222,0.28);
  --bn-orange:#FF6A39;
  --bn-line: rgba(18,22,28,0.14);
  --bn-line-strong: rgba(18,22,28,0.28);
  --bn-radius:4px;
  --bn-radius-l:10px;
  --bn-maxw:1500px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }

body{
  margin:0;
  background:var(--bn-paper);
  color:var(--bn-ink);
  font-family:'Archivo', -apple-system, sans-serif;
  font-size:16.5px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  background-image:
    linear-gradient(rgba(42,92,222,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42,92,222,0.05) 1px, transparent 1px);
  background-size:38px 38px;
}

h1,h2,h3,h4,.bn-display{
  font-family:'Archivo', sans-serif;
  font-weight:700;
  line-height:1.1;
  letter-spacing:-0.01em;
  margin:0 0 .5em;
  color:var(--bn-ink);
}

p{margin:0 0 1em; max-width:62ch; color:rgba(18,22,28,0.72)}
a{color:inherit; text-decoration:none}
img,svg{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
.bn-mono{ font-family:'IBM Plex Mono',monospace }

.bn-wrap{max-width:var(--bn-maxw); margin:0 auto; padding:0 32px}
@media (max-width:600px){ .bn-wrap{padding:0 20px} }

.bn-skip{
  position:absolute; left:12px; top:-60px; z-index:2000;
  background:var(--bn-ink); color:var(--bn-paper); padding:12px 18px;
  border-radius:var(--bn-radius); font-family:'IBM Plex Mono',monospace; font-weight:700;
  transition:top .18s ease;
}
.bn-skip:focus{ top:12px }

/* ---------- Reveal-on-scroll safety ---------- */
html.js-ready .bn-reveal{ opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .5s ease }
html.js-ready .bn-reveal.bn-in{ opacity:1; transform:none }
@media (prefers-reduced-motion: reduce){
  html.js-ready .bn-reveal{ transition:none; opacity:1; transform:none }
}

:focus-visible{ outline:3px solid var(--bn-orange); outline-offset:2px }

/* ---------- Header ---------- */
.bn-header{
  position:fixed; top:0; left:0; right:0; z-index:900;
  height:78px; display:flex; align-items:center;
  background:transparent; border-bottom:1px solid transparent;
  transition:background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.bn-header.bn-scrolled{
  background:rgba(247,248,250,0.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--bn-line-strong);
}
.bn-header .bn-wrap{ display:flex; align-items:center; justify-content:space-between; width:100%; gap:24px }
.bn-brand{ display:flex; align-items:center; gap:10px; font-family:'Archivo',sans-serif; font-weight:800; font-size:18px; }
.bn-brand img{ width:32px; height:32px }
.bn-nav{ display:flex; align-items:center; gap:26px }
.bn-nav a{ font-family:'IBM Plex Mono',monospace; font-size:13.5px; font-weight:500; position:relative; padding:6px 0; color:rgba(18,22,28,0.68) }
.bn-nav a::after{ content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--bn-orange); transition:width .18s ease }
.bn-nav a:hover::after,.bn-nav a[aria-current="page"]::after{ width:100% }
.bn-nav a[aria-current="page"]{ color:var(--bn-blue) }
.bn-cta-btn{
  font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:13.5px;
  background:var(--bn-ink); color:var(--bn-paper); padding:11px 20px;
  border-radius:var(--bn-radius); border:1px solid var(--bn-ink); transition:transform .15s ease, background .15s ease;
}
.bn-cta-btn:hover{ background:var(--bn-blue); border-color:var(--bn-blue); transform:translateY(-2px) }

.bn-burger{ display:none; background:none; border:0; width:40px; height:40px; padding:0; }
.bn-burger span{ display:block; width:22px; height:2px; background:var(--bn-ink); margin:5px auto; transition:transform .2s ease, opacity .2s ease }
.bn-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg) }
.bn-burger[aria-expanded="true"] span:nth-child(2){ opacity:0 }
.bn-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg) }

.bn-mobile-panel{
  position:fixed; top:78px; left:0; right:0; background:var(--bn-paper);
  border-bottom:1px solid var(--bn-line-strong); padding:16px 20px 24px; display:none; flex-direction:column; gap:2px; z-index:899;
  transform:translateY(-8px); opacity:0; transition:transform .22s ease, opacity .22s ease;
}
.bn-mobile-panel.bn-open{ display:flex; transform:translateY(0); opacity:1 }
.bn-mobile-panel a{ font-family:'IBM Plex Mono',monospace; font-weight:500; padding:12px 4px; border-bottom:1px solid var(--bn-line); color:rgba(18,22,28,0.72) }
.bn-mobile-panel a[aria-current="page"]{ color:var(--bn-blue) }

@media (max-width:900px){
  .bn-nav{ display:none }
  .bn-burger{ display:block }
  .bn-header .bn-cta-btn{ padding:9px 14px; font-size:12.5px }
}

/* ---------- Sections generic ---------- */
main{ display:block; padding-top:78px }
.bn-section{ padding:100px 0 }
.bn-section.bn-tight{ padding:64px 0 }
.bn-dark{ background:var(--bn-ink); color:var(--bn-paper); background-image:none }
.bn-dark p{ color:rgba(247,248,250,0.72) }
.bn-dark h1,.bn-dark h2,.bn-dark h3,.bn-dark h4{ color:var(--bn-paper) }
.bn-panel{ background:var(--bn-paper-2) }

.bn-eyebrow{ font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:12.5px; color:var(--bn-blue); margin-bottom:14px; display:flex; align-items:center; gap:8px; text-transform:uppercase; letter-spacing:.04em }
.bn-eyebrow::before{ content:"§"; color:var(--bn-orange) }
.bn-h2{ font-size:clamp(28px,3.6vw,42px); max-width:18ch }
.bn-lede{ font-size:18px; max-width:60ch; color:rgba(18,22,28,0.68) }
.bn-dark .bn-lede{ color:rgba(247,248,250,0.72) }

.bn-hairline{ border:0; border-top:1px solid var(--bn-line); margin:0 }
.bn-corner{ position:relative }
.bn-corner::before,.bn-corner::after{ content:""; position:absolute; width:14px; height:14px; border-color:var(--bn-blue); border-style:solid; opacity:.6 }
.bn-corner::before{ top:0; left:0; border-width:2px 0 0 2px }
.bn-corner::after{ bottom:0; right:0; border-width:0 2px 2px 0 }

/* ---------- Hero (mirrored split: copy right, visual left) ---------- */
.bn-hero{ padding:150px 0 90px }
.bn-hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center }
.bn-hero-visual{ order:1 }
.bn-hero-copy{ order:2 }
.bn-hero h1{ font-size:clamp(38px,5.4vw,62px); margin-bottom:22px }
.bn-hero .bn-lede{ font-size:19px; margin-bottom:32px }
.bn-hero-ctas{ display:flex; align-items:center; gap:26px; flex-wrap:wrap; margin-bottom:30px }
.bn-btn-primary{
  font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:14.5px;
  background:var(--bn-blue); color:#fff; padding:15px 26px; border-radius:var(--bn-radius);
  border:1px solid var(--bn-blue); transition:transform .15s ease, box-shadow .15s ease;
  display:inline-block;
}
.bn-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(42,92,222,0.28) }
.bn-btn-secondary{ font-family:'IBM Plex Mono',monospace; font-weight:500; font-size:14.5px; border-bottom:1px solid currentColor; padding-bottom:2px }
.bn-avail{ font-family:'IBM Plex Mono',monospace; font-size:13px; color:rgba(18,22,28,0.6); display:inline-flex; align-items:center; gap:8px }
.bn-avail-dot{ width:8px; height:8px; border-radius:50%; background:var(--bn-orange); display:inline-block; animation:bn-pulse 2.2s ease-in-out infinite }
@keyframes bn-pulse{ 0%,100%{ opacity:1; transform:scale(1) } 50%{ opacity:.4; transform:scale(1.3) } }
@media (prefers-reduced-motion: reduce){ .bn-avail-dot{ animation:none } }

.bn-blueprint-diagram{ border:1px solid var(--bn-line-strong); border-radius:var(--bn-radius-l); background:var(--bn-ink); aspect-ratio:1/1; padding:26px; position:relative }
.bn-blueprint-diagram svg{ width:100%; height:100%; }
.bn-draw-line{ stroke-dasharray:600; stroke-dashoffset:600; animation:bn-draw 3.2s ease forwards }
@keyframes bn-draw{ to{ stroke-dashoffset:0 } }
@media (prefers-reduced-motion: reduce){ .bn-draw-line{ animation:none; stroke-dashoffset:0 } }
@media (max-width:900px){ .bn-hero-grid{ grid-template-columns:1fr } .bn-hero-visual{ order:1 } .bn-hero-copy{ order:2 } }

/* ---------- Trust strip ---------- */
.bn-trust{ padding:40px 0; border-top:1px solid var(--bn-line); border-bottom:1px solid var(--bn-line) }
.bn-trust-label{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:rgba(18,22,28,0.55); margin-bottom:20px }
.bn-trust-row{ display:flex; flex-wrap:wrap; gap:36px 52px; align-items:center }
.bn-trust-row span{ font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:15.5px; color:rgba(18,22,28,0.55) }

/* ---------- Services (staggered offset rows) ---------- */
.bn-svc-stagger{ margin-top:54px; display:flex; flex-direction:column; gap:2px }
.bn-svc-row{ display:grid; grid-template-columns:90px 1fr 170px 120px 150px; gap:20px; align-items:center; padding:26px 0; border-top:1px solid var(--bn-line) }
.bn-svc-row:last-child{ border-bottom:1px solid var(--bn-line) }
.bn-svc-row:nth-child(even){ background:var(--bn-paper-2) }
.bn-svc-num{ font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--bn-blue) }
.bn-svc-name{ font-family:'Archivo',sans-serif; font-weight:700; font-size:19px; margin-bottom:4px }
.bn-svc-desc{ font-size:14.5px; color:rgba(18,22,28,0.68); margin:0 }
.bn-svc-meta{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:rgba(18,22,28,0.55) }
.bn-svc-price{ font-family:'IBM Plex Mono',monospace; font-weight:700; font-size:21px; color:var(--bn-blue) }
.bn-svc-order{ font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:13px; color:var(--bn-ink); border:1px solid var(--bn-line-strong); padding:9px 16px; border-radius:var(--bn-radius); justify-self:end; transition:background .15s ease, color .15s ease }
.bn-svc-order:hover{ background:var(--bn-orange); color:#fff; border-color:var(--bn-orange) }
@media (max-width:900px){
  .bn-svc-row{ grid-template-columns:1fr; gap:6px; padding:22px 0 }
  .bn-svc-order{ justify-self:start; margin-top:10px }
}

/* ---------- Process (horizontal numbered row) ---------- */
.bn-process-row{ margin-top:56px; display:grid; grid-template-columns:repeat(5,1fr); gap:20px }
.bn-process-card{ border:1px solid var(--bn-line-strong); border-radius:var(--bn-radius-l); padding:24px; background:var(--bn-paper) }
.bn-process-num{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--bn-orange); display:block; margin-bottom:14px }
.bn-process-card h3{ font-size:17px; margin-bottom:8px }
.bn-process-card p{ font-size:14px }
.bn-process-time{ font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:rgba(18,22,28,0.5); display:block; margin-top:10px }
@media (max-width:1000px){ .bn-process-row{ grid-template-columns:1fr 1fr } }
@media (max-width:600px){ .bn-process-row{ grid-template-columns:1fr } }

/* ---------- Guarantee (two-column band) ---------- */
.bn-guarantee{ display:grid; grid-template-columns:200px 1fr; gap:40px; align-items:center }
.bn-guarantee-badge{ width:110px; height:110px }
.bn-guarantee h2{ font-size:clamp(22px,2.8vw,32px); margin-bottom:10px }
@media (max-width:700px){ .bn-guarantee{ grid-template-columns:1fr } .bn-guarantee-badge{ width:76px; height:76px } }

/* ---------- Comparison (2-column checklist) ---------- */
.bn-compare-2col{ margin-top:54px; display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--bn-line-strong); border:1px solid var(--bn-line-strong); border-radius:var(--bn-radius-l); overflow:hidden }
.bn-compare-col{ background:var(--bn-ink); color:var(--bn-paper); padding:36px }
.bn-compare-col.bn-us{ background:var(--bn-blue) }
.bn-compare-col h3{ font-family:'Archivo',sans-serif; font-size:18px; margin-bottom:22px; color:#fff }
.bn-compare-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px }
.bn-compare-col li{ font-size:14.5px; padding-left:26px; position:relative; color:rgba(255,255,255,0.88) }
.bn-us li::before{ content:"✓"; position:absolute; left:0; font-weight:700; color:#fff }
.bn-compare-col:not(.bn-us) li::before{ content:"–"; position:absolute; left:0; opacity:.5 }
@media (max-width:700px){ .bn-compare-2col{ grid-template-columns:1fr } }

/* ---------- FAQ (single-column accordion) ---------- */
.bn-faq-list{ margin-top:50px; max-width:840px }
.bn-faq-item{ border-bottom:1px solid var(--bn-line); padding:22px 0 }
.bn-faq-q{ width:100%; display:flex; justify-content:space-between; align-items:center; gap:16px; background:none; border:0; text-align:left; font-family:'Archivo',sans-serif; font-weight:700; font-size:17px; color:var(--bn-ink) }
.bn-faq-q .bn-plus{ font-size:22px; flex:none; color:var(--bn-blue); transition:transform .2s ease }
.bn-faq-item[data-open="true"] .bn-plus{ transform:rotate(45deg) }
.bn-faq-a{ overflow:hidden; max-height:0; transition:max-height .25s ease }
.bn-faq-item[data-open="true"] .bn-faq-a{ max-height:400px }
.bn-faq-a p{ padding-top:14px; font-size:15px }
noscript .bn-faq-a{ max-height:none !important }

/* ---------- About (prose + visual side by side) ---------- */
.bn-about-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center }
.bn-about-prose p{ font-size:16px }
.bn-about-visual{ border:1px solid var(--bn-line-strong); border-radius:var(--bn-radius-l); background:var(--bn-ink); aspect-ratio:4/5; padding:24px }
.bn-stats-row{ margin-top:70px; display:grid; grid-template-columns:repeat(4,1fr); gap:24px }
.bn-stat b{ display:block; font-family:'IBM Plex Mono',monospace; font-size:clamp(28px,3.6vw,40px); color:var(--bn-blue) }
.bn-stat span{ font-size:13px; color:rgba(18,22,28,0.6) }
.bn-team{ margin-top:60px; display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:24px }
.bn-team-card{ border:1px solid var(--bn-line-strong); border-radius:var(--bn-radius-l); padding:24px; background:var(--bn-paper) }
.bn-avatar{ width:48px; height:48px; border-radius:50%; background:var(--bn-blue); color:#fff; display:flex; align-items:center; justify-content:center; font-family:'IBM Plex Mono',monospace; font-weight:700; margin-bottom:14px }
.bn-team-card h4{ font-size:16px; margin-bottom:2px }
.bn-team-role{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--bn-blue); margin-bottom:10px; display:block }
@media (max-width:900px){ .bn-about-grid{ grid-template-columns:1fr } .bn-about-visual{ order:-1; aspect-ratio:16/9 } }
@media (max-width:700px){ .bn-stats-row{ grid-template-columns:1fr 1fr } }

/* ---------- Reviews (2x2 grid) ---------- */
.bn-reviews-grid{ margin-top:54px; display:grid; grid-template-columns:1fr 1fr; gap:22px }
.bn-review-card{ border:1px solid var(--bn-line-strong); border-radius:var(--bn-radius-l); padding:30px; background:var(--bn-paper) }
.bn-review-card p{ font-size:15.5px; color:var(--bn-ink) }
.bn-review-who{ display:flex; align-items:center; gap:12px; margin-top:18px }
.bn-review-who div span{ display:block; font-family:'IBM Plex Mono',monospace; font-size:12px; color:rgba(18,22,28,0.55) }
.bn-review-who div b{ font-family:'Archivo',sans-serif; font-size:15px }
@media (max-width:800px){ .bn-reviews-grid{ grid-template-columns:1fr } }

/* ---------- Footer ---------- */
.bn-footer{ background:var(--bn-ink); color:var(--bn-paper); padding:76px 0 28px; background-image:none }
.bn-footer p{ color:rgba(247,248,250,0.7) }
.bn-footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:52px }
.bn-footer h5{ font-family:'IBM Plex Mono',monospace; font-size:13px; margin-bottom:16px; color:rgba(247,248,250,0.55) }
.bn-footer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px }
.bn-footer a{ font-size:14.5px; color:rgba(247,248,250,0.85) }
.bn-footer a:hover{ color:var(--bn-orange) }
.bn-footer-brand{ font-family:'Archivo',sans-serif; font-weight:800; font-size:19px; display:flex; align-items:center; gap:10px; margin-bottom:14px; color:#fff }
.bn-footer-bottom{ border-top:1px solid rgba(247,248,250,0.15); padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; font-size:12.5px; color:rgba(247,248,250,0.55); font-family:'IBM Plex Mono',monospace }
.bn-footer-bottom ul{ flex-direction:row; gap:20px; flex-wrap:wrap }
@media (max-width:800px){ .bn-footer-grid{ grid-template-columns:1fr 1fr; gap:32px } }

/* ---------- Cookie banner ---------- */
.bn-cookie{
  position:fixed; left:20px; right:20px; bottom:-220px; max-width:600px; margin:0 auto;
  background:var(--bn-ink); color:var(--bn-paper); border-radius:var(--bn-radius-l); padding:24px 26px;
  box-shadow:0 20px 60px rgba(0,0,0,0.35); z-index:1500; transition:bottom .4s ease;
}
.bn-cookie.bn-show{ bottom:24px }
.bn-cookie p{ font-size:14px; margin-bottom:16px; color:rgba(247,248,250,0.78) }
.bn-cookie-btns{ display:flex; gap:12px; flex-wrap:wrap }
.bn-cookie-btns button{ font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:13px; padding:10px 18px; border-radius:var(--bn-radius); border:1px solid rgba(247,248,250,0.3) }
.bn-cookie-accept{ background:var(--bn-orange); border-color:var(--bn-orange); color:#fff }
.bn-cookie-decline{ background:transparent; color:var(--bn-paper) }
.bn-cookie a{ text-decoration:underline; color:var(--bn-orange) }
@media (prefers-reduced-motion: reduce){ .bn-cookie{ transition:none } }

/* ---------- Sticky CTA ---------- */
.bn-sticky-cta{
  position:fixed; right:22px; bottom:-80px; z-index:800;
  background:var(--bn-orange); color:#fff; font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:14px;
  padding:14px 24px; border-radius:var(--bn-radius); box-shadow:0 10px 30px rgba(0,0,0,0.28); transition:bottom .3s ease, opacity .3s ease;
}
.bn-sticky-cta.bn-show{ bottom:22px }
.bn-sticky-cta.bn-hide-footer{ opacity:0; pointer-events:none }
@media (max-width:600px){ .bn-sticky-cta{ right:14px; padding:12px 18px; font-size:13px } }
@media (prefers-reduced-motion: reduce){ .bn-sticky-cta{ transition:none } }

/* ---------- Page hero (sub pages) ---------- */
.bn-page-hero{ padding:158px 0 64px }
.bn-page-hero h1{ font-size:clamp(32px,4.4vw,50px); max-width:20ch; margin-bottom:16px }

/* ---------- Contact page ---------- */
.bn-contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start }
.bn-contact-cards{ display:grid; grid-template-columns:1fr 1fr; gap:18px }
.bn-contact-card{ background:var(--bn-paper); border:1px solid var(--bn-line-strong); border-radius:var(--bn-radius-l); padding:24px }
.bn-contact-card i{ color:var(--bn-blue); font-size:19px; margin-bottom:12px; display:block }
.bn-contact-card h4{ font-size:14px; margin-bottom:6px }
.bn-contact-card p{ font-size:14.5px }
.bn-side-panel{ background:var(--bn-ink); color:var(--bn-paper); border-radius:var(--bn-radius-l); padding:36px }
.bn-side-panel p{ color:rgba(247,248,250,0.75) }
.bn-side-cta{ display:inline-flex; align-items:center; gap:10px; margin-top:8px; margin-right:14px }
.bn-map-wrap{ margin-top:42px; border-radius:var(--bn-radius-l); overflow:hidden; border:1px solid var(--bn-line-strong); height:390px }
.bn-map-wrap iframe{ width:100%; height:100%; border:0; display:block }
@media (max-width:900px){ .bn-contact-grid{ grid-template-columns:1fr } .bn-contact-cards{ grid-template-columns:1fr } }

/* ---------- Legal page ---------- */
.bn-legal-subnav{ position:sticky; top:78px; z-index:80; background:var(--bn-paper); border-bottom:1px solid var(--bn-line-strong); padding:16px 0; margin-bottom:20px }
.bn-legal-subnav ul{ list-style:none; margin:0; padding:0; display:flex; gap:26px; flex-wrap:wrap }
.bn-legal-subnav a{ font-family:'IBM Plex Mono',monospace; font-size:13px; font-weight:600; color:rgba(18,22,28,0.62) }
.bn-legal-subnav a:hover{ color:var(--bn-blue) }
.bn-legal-doc{ padding:52px 0; border-bottom:1px solid var(--bn-line); scroll-margin-top:150px }
.bn-legal-doc:last-child{ border-bottom:0 }
.bn-legal-doc h2{ font-size:24px }
.bn-legal-doc h3{ font-size:16px; margin-top:30px; color:var(--bn-blue) }
.bn-legal-updated{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:rgba(18,22,28,0.55); margin-bottom:24px; display:block }
.bn-legal-doc ul{ padding-left:22px }
.bn-legal-doc li{ margin-bottom:8px }