:root{
  --bcn-ink:#07111f;
  --bcn-ink-2:#0c1c31;
  --bcn-surface:#f5f7fb;
  --bcn-card:#ffffff;
  --bcn-line:#dfe6ef;
  --bcn-muted:#64748b;
  --bcn-blue:#2f6fff;
  --bcn-blue-2:#6ca3ff;
  --bcn-cyan:#43d7ff;
  --bcn-green:#36c991;
  --bcn-shadow:0 24px 70px rgba(12,28,49,.10);
}
html{scroll-behavior:smooth;background:var(--bcn-surface)}
body{background:var(--bcn-surface);color:var(--bcn-ink)}
.bcn-site{background:var(--bcn-surface)!important;color:var(--bcn-ink)!important;letter-spacing:-.01em}
.bcn-site .max-w-7xl{max-width:1380px}

/* HEADER */
.bcn-nav{
  background:rgba(7,17,31,.94)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px);
}
.bcn-nav>div>div{height:76px!important}
.bcn-nav .text-gray-900,.bcn-nav .text-gray-500{color:#fff!important}
.bcn-nav a{color:#aebbd0!important;transition:.2s ease}
.bcn-nav a:hover{color:#fff!important}
.bcn-nav .cursor-pointer{position:relative}
.bcn-nav .cursor-pointer:before{
  content:"";
  width:31px;height:31px;margin-right:12px;display:inline-block;vertical-align:middle;
  border-radius:9px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,0)),
    linear-gradient(145deg,var(--bcn-cyan),var(--bcn-blue) 55%,#2846d8);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 6px 22px rgba(47,111,255,.28);
}
.bcn-nav .cursor-pointer:after{
  content:"";position:absolute;left:8px;top:50%;width:15px;height:15px;transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.8);border-radius:4px;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.08)
}
.bcn-nav .cursor-pointer>div:first-child{display:none}
.bcn-nav .text-xl{font-size:20px!important;letter-spacing:-.035em!important;font-weight:760!important}

/* HOME HERO */
.bcn-home-hero{
  min-height:560px;
  background:
    radial-gradient(circle at 78% 28%,rgba(67,215,255,.16),transparent 28%),
    radial-gradient(circle at 18% 72%,rgba(47,111,255,.18),transparent 34%),
    linear-gradient(135deg,#06111f 0%,#0a1930 52%,#07111f 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.bcn-home-hero:before{
  content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
.bcn-home-hero>div:first-child{display:none}
.bcn-home-hero>div:last-child{padding-top:112px!important;padding-bottom:112px!important}
.bcn-home-hero .inline-flex{
  padding:8px 14px!important;border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;
  color:#c8d4e6!important;
}
.bcn-home-hero h1{
  max-width:1000px;margin-left:auto;margin-right:auto;
  font-size:clamp(54px,7vw,96px)!important;line-height:.98!important;
  letter-spacing:-.06em!important;font-weight:780!important;
}
.bcn-home-hero h1 span{color:#6aa2ff!important;text-shadow:0 0 40px rgba(68,133,255,.18)}
.bcn-home-hero p{
  max-width:760px!important;color:#a8b7cb!important;font-size:clamp(18px,2vw,24px)!important;
  line-height:1.55!important;font-weight:400!important;
}

/* WHY US */
.bcn-why{background:#fff!important;border-color:var(--bcn-line)!important;padding:92px 0!important}
.bcn-why h2{font-size:42px!important;letter-spacing:-.045em!important;font-weight:760!important}
.bcn-why .text-gray-500{color:var(--bcn-muted)!important}
.bcn-why .grid{gap:22px!important}
.bcn-why .grid>div{
  padding:30px!important;border:1px solid var(--bcn-line);border-radius:24px;background:#fbfcfe;
  min-height:250px;transition:.25s ease;
}
.bcn-why .grid>div:hover{transform:translateY(-4px);box-shadow:var(--bcn-shadow);border-color:#cbd7e7}
.bcn-why .w-12.h-12{width:48px!important;height:48px!important;background:#eaf1ff!important;color:var(--bcn-blue)!important;border-radius:14px!important}

/* FEATURED */
.bcn-featured{background:#081426!important;border-color:rgba(255,255,255,.07)!important;padding:72px 0!important;color:white}
.bcn-featured h2{color:#fff!important;font-size:28px!important;letter-spacing:-.03em!important}
.bcn-featured .grid{gap:14px!important}
.bcn-featured .grid>div{
  background:#0e1d31!important;border-color:rgba(255,255,255,.08)!important;border-radius:20px!important;
  box-shadow:none!important;transition:.25s ease!important;
}
.bcn-featured .grid>div:hover{transform:translateY(-5px);border-color:rgba(108,163,255,.55)!important;box-shadow:0 20px 40px rgba(0,0,0,.18)!important}
.bcn-featured .grid>div>div:first-child{background:#f8fafc!important;height:138px!important;border-color:rgba(255,255,255,.08)!important}
.bcn-featured .font-bold.text-gray-800{color:#fff!important}
.bcn-featured .text-gray-500{color:#9daec4!important}

/* DOMAIN DETAIL */
.bcn-domain-detail{
  background:
    radial-gradient(circle at 8% 15%,rgba(47,111,255,.09),transparent 23%),
    linear-gradient(#f8fafc,#f4f7fb)!important;
  border-color:var(--bcn-line)!important;
}
.bcn-domain-detail>div{padding-top:72px!important;padding-bottom:88px!important}
.bcn-domain-detail .lg\:grid-cols-12{gap:64px!important}
.bcn-domain-detail .aspect-\[16\/10\]{
  background:#fff!important;border:1px solid #dfe7f1!important;border-radius:30px!important;box-shadow:0 30px 70px rgba(11,27,48,.10)!important;
}
.bcn-domain-detail .aspect-\[16\/10\]>div:first-child{opacity:.045!important}
.bcn-domain-detail .sticky{
  top:104px!important;border:1px solid #dce5f0!important;border-radius:28px!important;
  box-shadow:0 28px 72px rgba(11,27,48,.12)!important;padding:34px!important;
}
.bcn-domain-detail .sticky h1{font-size:36px!important;letter-spacing:-.045em!important}
.bcn-domain-detail .sticky .bg-green-100{background:#e9fbf4!important;color:#138760!important}
.bcn-domain-detail .sticky .text-4xl{font-size:48px!important;letter-spacing:-.05em!important}
.bcn-domain-detail a[href*="dynadot.com"]{
  background:linear-gradient(135deg,#2c6cff,#3b83ff)!important;border:none!important;border-radius:14px!important;
  box-shadow:0 16px 32px rgba(47,111,255,.26)!important;min-height:58px;
}
.bcn-domain-detail button{border-radius:14px!important;min-height:56px}
.bcn-domain-detail button:hover{border-color:#9fb7d8!important}
.bcn-domain-detail .grid-cols-2.md\:grid-cols-4>div{
  border-color:#e1e7ef!important;border-radius:16px!important;background:rgba(255,255,255,.85)!important;padding:16px!important
}
.bcn-domain-detail .mt-24{margin-top:84px!important}
.bcn-domain-detail .mt-24>div{padding:0 4px}
.bcn-domain-detail h3.uppercase{letter-spacing:.13em!important;color:#7b899d!important}
.bcn-domain-detail .bg-gray-50.p-5{background:#fff!important;border-color:#e0e6ef!important}

/* HOW IT WORKS */
.bcn-how{background:#fff!important;border-color:var(--bcn-line)!important;padding:86px 0!important}
.bcn-how h2{font-size:42px!important;letter-spacing:-.045em!important;font-weight:760!important}
.bcn-how .grid>div{background:#f8fafc!important;border-color:#e1e8f1!important;border-radius:22px!important;padding:32px!important}
.bcn-how .grid>div:nth-child(2){background:#eef4ff!important;border-color:#d9e5ff!important}
.bcn-how .w-16.h-16{box-shadow:none!important;border:1px solid #e0e7f0!important}

/* CATALOG */
.bcn-catalog{background:#f4f7fb!important;padding-bottom:32px}
.bcn-catalog>div{padding-top:88px!important;padding-bottom:88px!important}
.bcn-catalog h2{font-size:42px!important;letter-spacing:-.045em!important;font-weight:760!important}
.bcn-catalog input[type="text"]{height:48px!important;border-radius:14px!important;background:#fff!important;border-color:#dbe3ee!important;box-shadow:0 8px 24px rgba(11,27,48,.04)}
.bcn-catalog .lg\:w-64{width:280px!important}
.bcn-catalog .lg\:w-64>div:not(:first-child){background:#fff;border:1px solid #e0e7ef;border-radius:18px;padding:18px}
.bcn-catalog .lg\:w-64 h3{margin-bottom:14px!important;color:#607086!important}
.bcn-catalog .bcn-domain-card{
  border-color:#e0e7ef!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(11,27,48,.04)!important;
}
.bcn-catalog .bcn-domain-card:hover{transform:translateY(-6px);border-color:#bdcff1!important;box-shadow:0 24px 55px rgba(11,27,48,.11)!important}
.bcn-catalog .bcn-domain-card>div:first-child{background:#f8fafc!important;height:190px!important}
.bcn-catalog .bcn-domain-card .p-5{padding:20px!important}
.bcn-catalog .bcn-domain-card .text-lg.font-bold{font-size:20px!important;letter-spacing:-.035em!important}
.bcn-catalog .bcn-domain-card h3{font-size:17px!important}
.bcn-catalog .bcn-domain-card .bg-gray-100{background:#eef2f7!important;color:#64748b!important}

/* OFFER MODAL */
.bcn-offer-modal{background:rgba(3,10,20,.72)!important;backdrop-filter:blur(12px)!important}
.bcn-offer-card{border-radius:24px!important;border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 90px rgba(0,0,0,.35)!important}
.bcn-offer-card>div:first-child{background:#f7f9fc!important;padding:20px 24px!important}
.bcn-offer-card .text-indigo-600{color:var(--bcn-blue)!important}
.bcn-offer-card input,.bcn-offer-card textarea{border-radius:12px!important;border-color:#dce4ee!important;background:#fbfcfe!important}
.bcn-offer-card button[type="submit"]{background:linear-gradient(135deg,#2c6cff,#3d85ff)!important;border-radius:13px!important;min-height:50px}

/* FOOTER */
.bcn-footer{background:#07111f!important;border-color:rgba(255,255,255,.07)!important;color:#9fb0c6!important;padding:56px 0!important}
.bcn-footer .text-gray-900{color:#fff!important}
.bcn-footer .text-gray-500,.bcn-footer .text-gray-400,.bcn-footer .text-gray-300{color:#8293aa!important}
.bcn-footer a:hover{color:#fff!important}

/* Domain-powered strip */
.bcn-site>div:first-child:not(.bcn-offer-modal){background:#07111f!important}

@media(max-width:1023px){
  .bcn-home-hero{min-height:auto}
  .bcn-home-hero>div:last-child{padding-top:86px!important;padding-bottom:86px!important}
  .bcn-domain-detail .sticky{position:static!important}
  .bcn-catalog .lg\:w-64{width:100%!important}
  .bcn-catalog .lg\:w-64>div:not(:first-child){padding:16px}
}
@media(max-width:767px){
  .bcn-nav>div>div{height:68px!important}
  .bcn-nav .cursor-pointer:before{width:27px;height:27px;margin-right:9px}
  .bcn-nav .cursor-pointer:after{left:7px;width:13px;height:13px}
  .bcn-home-hero h1{font-size:52px!important}
  .bcn-home-hero>div:last-child{padding-top:72px!important;padding-bottom:72px!important}
  .bcn-why,.bcn-how{padding:64px 0!important}
  .bcn-why h2,.bcn-how h2,.bcn-catalog h2{font-size:34px!important}
  .bcn-featured{padding:56px 0!important}
  .bcn-domain-detail>div{padding-top:40px!important;padding-bottom:64px!important}
  .bcn-domain-detail .sticky{padding:24px!important}
  .bcn-domain-detail .sticky h1{font-size:30px!important}
  .bcn-domain-detail .sticky .text-4xl{font-size:40px!important}
  .bcn-domain-detail .mt-24{margin-top:60px!important}
  .bcn-catalog>div{padding-top:62px!important;padding-bottom:62px!important}
}