/* ═══ Content pages (owner, 2026-10-30: "redesign them all with tos, privacy page; all content is on dozehost.com"):
   Domains, Contact, About, Website Development, Privacy, Refund policy, Terms, Blog, blog post, Knowledge base home,
   category and article. Same language as the flat homepage and product pages (flat.css): one light tone, hairlines,
   two-tone titles without punctuation, white hairline cards, violet only on icons and buttons, dark closing band. ═══ */

/* Page hero */
.pg-hero > .frame{ position:relative; z-index:1; }
.pg-in{ padding:96px 24px 80px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.pg-in.left{ align-items:flex-start; text-align:left; }
.pg-in.short{ padding:72px 24px 56px; }
.pg-in .crumb{ margin:0 0 18px; } .pg-in .crumb a{ color:var(--brand); text-decoration:none; }
.pg-t{ margin:18px 0 0; font-weight:550; }
.pg-t span{ display:block; font-size:clamp(34px, 4.6vw, 64px); line-height:1.04; letter-spacing:-0.045em; color:#0A0A0A; }
.light .pg-t span + span{ color:#9A9AA2; }
.pg-in.short .pg-t span{ font-size:clamp(30px, 3.6vw, 48px); }
.pg-in > p.lede{ margin:20px 0 0; max-width:36em; color:#55555C; }
.pg-in .fn-cta{ margin-top:30px; justify-content:center; } .pg-in.left .fn-cta{ justify-content:flex-start; }
.pg-rate{ margin-top:22px; display:inline-flex; align-items:center; gap:10px; font-size:13.5px; color:#55555C; }
.pg-rate .st5{ display:flex; gap:2px; } .pg-rate .st5 i{ width:13px; height:13px; display:block; background:#FBBC05; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 .8l1.6 3.4 3.7.4-2.8 2.5.8 3.7L6 9 2.7 10.8l.8-3.7L.7 4.6l3.7-.4z'/%3E%3C/svg%3E") center/13px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 .8l1.6 3.4 3.7.4-2.8 2.5.8 3.7L6 9 2.7 10.8l.8-3.7L.7 4.6l3.7-.4z'/%3E%3C/svg%3E") center/13px no-repeat; }
.pg-rate b{ color:#0A0A0A; font-weight:550; }
.pg-meta{ margin-top:16px; display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:center; font:12px var(--mono); color:#8F8F96; } .pg-in.left .pg-meta{ justify-content:flex-start; }
.pg-meta b{ color:var(--brand); font-weight:500; }

/* Section header (centred) and inner padding */
.ps{ position:relative; z-index:1; padding:96px 24px; }
.ps-h{ display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:48px; }
.ps-h.left{ align-items:flex-start; text-align:left; }
.ps-h p{ margin:14px 0 0; max-width:34em; font-size:16.5px; line-height:1.55; color:#55555C; }
.ico{ width:36px; height:36px; flex:none; border-radius:9px; display:grid; place-items:center; background:var(--brand-soft); color:var(--brand); } .ico svg{ width:17px; height:17px; }

/* Card grid: hairline white cards */
.cg{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.cg.c4{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .cg.c2{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.cd{ position:relative; display:flex; flex-direction:column; gap:8px; padding:24px; border-radius:14px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB); text-decoration:none; color:#0A0A0A; transition:box-shadow .2s; }
a.cd:hover{ box-shadow:0 0 0 1px var(--brand); } a.cd:hover .cd-go svg{ transform:translateX(3px); }
.cd .ico{ margin-bottom:10px; }
.cd h3{ margin:0; font-size:17px; font-weight:550; letter-spacing:-0.015em; } .cd p{ margin:0; font-size:14.5px; line-height:1.55; color:#66666D; }
.cd-go{ margin-top:auto; padding-top:10px; display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:550; color:var(--brand); } .cd-go svg{ width:13px; height:13px; transition:transform .2s; }
.cd-tag{ font:500 11px var(--mono); letter-spacing:.08em; text-transform:uppercase; color:#8F8F96; }

/* Domains: search, TLD prices, DNS window */
.dsearch{ margin-top:30px; width:100%; max-width:640px; display:flex; gap:8px; padding:8px; border-radius:16px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB), 0 20px 40px -28px rgba(16,16,20,.3); }
.dsearch label{ flex:1; display:flex; align-items:center; gap:10px; padding:0 12px; color:#8F8F96; } .dsearch label svg{ width:18px; height:18px; flex:none; }
.dsearch input{ all:unset; flex:1; height:48px; font:inherit; font-size:16px; color:#0A0A0A; } .dsearch input::placeholder{ color:#A1A1A8; }
.dsearch .fn-b{ height:48px; }
.tld{ margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.tld a{ display:inline-flex; align-items:baseline; gap:8px; height:36px; align-items:center; padding:0 12px; border-radius:10px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB); text-decoration:none; font-size:13.5px; color:#66666D; transition:box-shadow .2s; }
.tld a:hover{ box-shadow:0 0 0 1px var(--brand); } .tld b{ font-size:15px; font-weight:600; color:#0A0A0A; }
.pg-link{ margin-top:16px; font-size:14px; color:#55555C; } .pg-link a{ color:var(--brand); font-weight:550; text-decoration:none; }
.dns-b{ padding:6px 0; background:#141416; border-radius:0 0 14px 14px; }
.dns-r{ display:grid; grid-template-columns:64px 1fr 1.4fr; gap:10px; padding:10px 16px; font:12px var(--mono); color:#C9C9C9; } .dns-r + .dns-r{ border-top:1px solid rgba(255,255,255,.06); }
.dns-r b{ font-weight:500; color:#C9C2FF; } .dns-r.h{ color:#6E6E6E; text-transform:uppercase; letter-spacing:.06em; font-size:10.5px; }
.dns-f{ display:flex; justify-content:space-between; gap:8px; padding:12px 16px; border-top:1px solid rgba(255,255,255,.07); font-size:12px; color:#8F8F8F; } .dns-f em{ font-style:normal; color:#5BD18B; }

/* Stats row */
.stats{ display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--hl); border-bottom:1px solid var(--hl); }
.stats > div{ padding:32px 24px; display:flex; flex-direction:column; gap:6px; } .stats > div + div{ border-left:1px solid var(--hl); }
.stats b{ font-size:clamp(30px, 3vw, 42px); font-weight:550; letter-spacing:-0.045em; line-height:1; color:#0A0A0A; } .stats > div:first-child b{ color:var(--brand); }
.stats span{ font:12px var(--mono); color:#6E6E75; }

/* About: mission quote, timeline */
.quote{ margin:0; max-width:24em; font-size:clamp(24px, 2.6vw, 34px); line-height:1.25; letter-spacing:-0.03em; font-weight:500; color:#0A0A0A; }
.quote span{ color:#9A9AA2; }
.tl{ display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--hl); }
.tl > div{ position:relative; padding:28px 24px 8px; } .tl > div + div{ border-left:1px solid var(--hl); }
.tl > div::before{ content:""; position:absolute; top:-5px; left:24px; width:9px; height:9px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 4px var(--pg, #F6F6F4); }
.tl b{ display:block; font-size:34px; font-weight:550; letter-spacing:-0.045em; color:var(--brand); }
.tl h3{ margin:8px 0 0; font-size:17px; font-weight:550; } .tl p{ margin:6px 0 0; font-size:14.5px; color:#66666D; line-height:1.55; }
.badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.badges span{ display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 12px; border-radius:9px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB); font-size:13px; font-weight:500; color:#2A2A2E; } .badges svg{ width:14px; height:14px; color:var(--brand); }

/* Website development: industry and work cards */
.wk{ display:flex; flex-direction:column; border-radius:14px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB); overflow:hidden; }
.wk-v{ height:150px; background:#F1F1EE; border-bottom:1px solid var(--hl, #E5E8EB); display:flex; align-items:flex-end; justify-content:center; padding:20px 24px 0; }
.wk-w{ width:100%; height:100%; border-radius:10px 10px 0 0; background:#fff; box-shadow:0 0 0 1px rgba(16,16,20,.08); display:grid; grid-template-rows:20px 1fr; overflow:hidden; }
.wk-w > i{ display:flex; gap:4px; align-items:center; padding:0 8px; border-bottom:1px solid #EEE; } .wk-w > i::before{ content:""; width:5px; height:5px; border-radius:50%; background:#DDD; box-shadow:9px 0 0 #DDD, 18px 0 0 #DDD; }
.wk-w > span{ display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:600; letter-spacing:-0.02em; color:var(--brand); background:var(--brand-soft); margin:10px; border-radius:6px; }
.wk-t{ padding:18px 20px 20px; display:flex; flex-direction:column; gap:6px; } .wk-t b{ font-size:16px; font-weight:550; } .wk-t p{ margin:0; font-size:14px; color:#66666D; line-height:1.5; }

/* Reading layout: contents sidebar + prose (legal, blog post, KB article) */
.doc{ position:relative; z-index:1; display:grid; grid-template-columns:240px minmax(0, 720px); gap:56px; padding:72px 24px 104px; }
.toc{ position:sticky; top:96px; align-self:start; display:flex; flex-direction:column; gap:2px; }
.toc b{ font:500 11px var(--mono); letter-spacing:.09em; text-transform:uppercase; color:#8F8F96; margin-bottom:10px; }
.toc a{ font-size:13.5px; line-height:1.4; color:#55555C; text-decoration:none; padding:7px 0 7px 12px; border-left:1px solid var(--hl, #E5E8EB); }
.toc a:hover, .toc a.on{ color:#0A0A0A; border-left-color:var(--brand); }
.toc .side-card{ margin-top:24px; }
.prose{ font-size:16.5px; line-height:1.75; color:#2A2A2E; }
.prose > :first-child{ margin-top:0; }
.prose h2{ margin:44px 0 12px; font-size:24px; font-weight:550; letter-spacing:-0.025em; line-height:1.25; color:#0A0A0A; scroll-margin-top:96px; }
.prose h3{ margin:30px 0 8px; font-size:19px; font-weight:550; letter-spacing:-0.015em; color:#0A0A0A; }
.prose p{ margin:0 0 16px; } .prose ul, .prose ol{ margin:0 0 18px; padding-left:22px; } .prose li{ margin:6px 0; } .prose li::marker{ color:var(--brand); }
.prose strong, .prose b{ font-weight:600; color:#0A0A0A; }
.prose a{ color:var(--brand); text-decoration:underline; text-decoration-color:var(--brand-line); text-underline-offset:3px; }
.prose em{ color:#66666D; }
.prose table{ width:100%; border-collapse:collapse; margin:8px 0 24px; font-size:14.5px; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 0 0 1px var(--hl, #E5E8EB); }
.prose th, .prose td{ text-align:left; padding:10px 14px; border-bottom:1px solid #EFEFEC; } .prose th{ background:#FAFAF8; font-weight:550; color:#0A0A0A; }
.prose blockquote{ margin:0 0 18px; padding:14px 18px; border-left:3px solid var(--brand); background:#fff; border-radius:0 10px 10px 0; color:#2A2A2E; }
.prose code{ font:13.5px var(--mono); background:#EFEDE8; padding:2px 6px; border-radius:5px; }
.side-card{ padding:18px; border-radius:14px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB); display:flex; flex-direction:column; gap:8px; }
.side-card b{ font:inherit !important; font-size:15px !important; font-weight:550 !important; letter-spacing:0 !important; text-transform:none !important; color:#0A0A0A !important; margin:0 !important; }
.side-card p{ margin:0; font-size:13.5px; color:#66666D; line-height:1.5; } .side-card .btn{ height:40px; font-size:14px; }
.doc-foot{ margin-top:40px; padding-top:24px; border-top:1px solid var(--hl, #E5E8EB); display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; font-size:14px; color:#66666D; }

/* Blog: topics, featured post, cards */
.bn{ font-family:"Noto Sans Bengali", var(--sans); letter-spacing:0 !important; }
.chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
.chips a{ display:inline-flex; align-items:center; gap:8px; height:34px; padding:0 12px; border-radius:9px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB); font-size:13.5px; font-weight:500; color:#2A2A2E; text-decoration:none; }
.chips a.on{ background:#0A0A0A; color:#fff; box-shadow:none; } .chips a small{ font:11px var(--mono); color:#8F8F96; } .chips a.on small{ color:#A1A1A1; }
.post{ display:flex; flex-direction:column; border-radius:14px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB); overflow:hidden; text-decoration:none; color:#0A0A0A; transition:box-shadow .2s; }
.post:hover{ box-shadow:0 0 0 1px var(--brand); }
.post-v{ height:140px; display:flex; align-items:flex-end; padding:16px 18px; background:var(--t, var(--brand-soft)); border-bottom:1px solid var(--hl, #E5E8EB); }
.post-v span{ font:500 11px var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--d, var(--brand)); background:#fff; padding:4px 8px; border-radius:6px; }
.post-t{ padding:18px 20px 22px; display:flex; flex-direction:column; gap:8px; flex:1; }
.post-t small{ font:12px var(--mono); color:#8F8F96; } .post-t h3{ margin:0; font-size:17px; line-height:1.45; font-weight:600; } .post-t p{ margin:0; font-size:14px; line-height:1.6; color:#66666D; }
.post-t .cd-go{ margin-top:auto; }
.post.big{ grid-column:span 2; flex-direction:row; } .post.big .post-v{ width:44%; height:auto; border-bottom:0; border-right:1px solid var(--hl, #E5E8EB); } .post.big h3{ font-size:22px; }
.t-mint{ --t:#E7F8EF; --d:#0E8A57; } .t-peach{ --t:#FFEFE6; --d:#C2501B; } .t-lilac{ --t:#F0EDFF; --d:#6447D6; } .t-lime{ --t:#F2F9DC; --d:#5B7A06; } .t-stone{ --t:#EFEDE8; --d:#55555C; }

/* Knowledge base: search, categories, article rows */
.kbs{ margin-top:30px; width:100%; max-width:560px; display:flex; align-items:center; gap:10px; height:56px; padding:0 16px; border-radius:14px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB), 0 20px 40px -28px rgba(16,16,20,.3); color:#8F8F96; }
.kbs svg{ width:18px; height:18px; flex:none; } .kbs input{ all:unset; flex:1; font:inherit; font-size:16px; color:#0A0A0A; } .kbs input::placeholder{ color:#A1A1A8; }
.kbs kbd{ font:11px var(--mono); color:#8F8F96; box-shadow:inset 0 0 0 1px var(--hl, #E5E8EB); border-radius:5px; padding:2px 6px; }
.kc .ico{ margin-bottom:6px; } .kc small{ font:12px var(--mono); color:#8F8F96; }
.ar-list{ background:#fff; border-radius:14px; box-shadow:0 0 0 1px var(--hl, #E5E8EB); overflow:hidden; }
.ar{ display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:16px; padding:16px 20px; text-decoration:none; color:#0A0A0A; transition:background .15s; }
.ar + .ar{ border-top:1px solid #F0F0EC; } .ar:hover{ background:#FAFAF8; } .ar:hover .ar-go{ color:var(--brand); transform:translateX(3px); }
.ar b{ display:block; font-size:15.5px; font-weight:550; letter-spacing:-0.01em; } .ar small{ display:block; margin-top:2px; font-size:13.5px; color:#66666D; }
.ar em{ font-style:normal; font:500 11px var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--brand); margin-right:8px; }
.ar-go{ width:14px; height:14px; color:#A1A1A8; transition:transform .2s, color .2s; }
.kb-help{ margin-top:16px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding:20px 24px; border-radius:14px; background:#fff; box-shadow:0 0 0 1px var(--hl, #E5E8EB); }
.kb-help b{ display:block; font-size:15.5px; font-weight:550; } .kb-help span{ font-size:14px; color:#66666D; }

/* Closing band (dark) */
.pc{ position:relative; z-index:1; padding:104px 24px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.pc h2{ margin:0; font-weight:550; } .pc h2 span{ display:block; font-size:clamp(30px, 3.6vw, 48px); line-height:1.06; letter-spacing:-0.04em; color:#EDEDED; } .pc h2 span + span{ color:#6E6E6E; }
.pc p{ margin:16px 0 0; max-width:32em; font-size:16.5px; color:#A1A1A1; }
.pc .fn-cta{ margin-top:28px; justify-content:center; }
.dark .fn-g{ background:transparent; color:#EDEDED; box-shadow:0 0 0 1px rgba(255,255,255,.2); } .dark .fn-g:hover{ box-shadow:0 0 0 1px rgba(255,255,255,.4); }

@media (max-width:1023px){
  .cg, .cg.c4{ grid-template-columns:1fr 1fr; } .post.big{ grid-column:1 / -1; }
  .stats{ grid-template-columns:1fr 1fr; } .stats > div:nth-child(3){ border-left:0; } .stats > div:nth-child(n+3){ border-top:1px solid var(--hl); }
  .doc{ grid-template-columns:1fr; gap:32px; } .toc{ position:static; } .toc a{ display:none; } .toc b{ display:none; } .toc .side-card{ margin-top:0; }
  .tl{ grid-template-columns:1fr; } .tl > div + div{ border-left:0; border-top:1px solid var(--hl); } .tl > div::before{ display:none; }
}
@media (max-width:719px){
  .pg-in, .ps, .pc, .doc{ padding-left:16px; padding-right:16px; } .pg-in{ padding-top:64px; padding-bottom:56px; } .ps{ padding-top:72px; padding-bottom:72px; } .pc{ padding-top:80px; padding-bottom:80px; }
  .cg, .cg.c4, .cg.c2{ grid-template-columns:1fr; } .post.big{ flex-direction:column; } .post.big .post-v{ width:auto; height:120px; border-right:0; border-bottom:1px solid var(--hl, #E5E8EB); }
  .dsearch{ flex-direction:column; } .dsearch .fn-b{ width:100%; }
  .stats > div{ padding:22px 16px; } .dns-r{ grid-template-columns:48px 1fr; } .dns-r > :last-child{ grid-column:1 / -1; }
}

/* ── About · A · Company record (owner pick, step 14, 2026-10-31) ── */
.ab-k{ font:500 11.5px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--brand); display:inline-flex; align-items:center; gap:8px; }
.ab-k::before{ content:""; width:6px; height:6px; border-radius:2px; background:var(--brand); }
.ab-t{ margin:16px 0 0; font-weight:550; }
.ab-t span{ display:block; font-size:clamp(34px, 4.2vw, 58px); line-height:1.04; letter-spacing:-0.045em; color:#0A0A0A; }
.ab-t span + span{ color:#9A9AA2; }
.ab-l{ margin:18px 0 0; max-width:34em; font-size:16.5px; line-height:1.6; color:#55555C; }
.ab-sec{ border-top:1px solid var(--hl); }
.ab-pad{ padding:88px 24px; }
.ab-h2{ margin:14px 0 0; font-weight:550; }
.ab-h2 span{ display:block; font-size:clamp(28px, 3vw, 42px); line-height:1.08; letter-spacing:-0.04em; color:#0A0A0A; }
.ab-h2 span + span{ color:#9A9AA2; }
.dark .ab-h2 span{ color:#EDEDED; } .dark .ab-h2 span + span{ color:#6B6B70; }

/* ── A · Company record ── */
.a-hero{ display:grid; grid-template-columns:1.05fr 1fr; min-height:560px; } .a-hero > *{ min-width:0; }
.a-hero > div:first-child{ padding:72px 48px 64px 24px; display:flex; flex-direction:column; justify-content:center; }
.a-sr{ margin-top:32px; display:grid; grid-template-columns:repeat(4, auto); justify-content:start; gap:0; border-top:1px solid var(--hl); padding-top:18px; }
.a-sr div{ padding-right:28px; } .a-sr div + div{ padding-left:28px; border-left:1px solid var(--hl); }
.a-sr b{ display:block; font-size:24px; font-weight:550; letter-spacing:-0.03em; } .a-sr small{ font:400 11.5px var(--mono); color:#8F8F96; }
.a-r{ background:#ECEAFB; border-left:1px solid var(--hl); display:flex; align-items:center; justify-content:center; padding:48px 40px; }
.a-w{ width:100%; max-width:470px; background:#0A0A0A; border-radius:14px; box-shadow:0 0 0 1px rgba(255,255,255,.06); overflow:hidden; color:#EDEDED; }
.a-w-top{ display:flex; align-items:center; gap:7px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.08); font:400 12px var(--mono); color:#8A8A8F; }
.a-w-top i{ width:9px; height:9px; border-radius:50%; background:#2A2A2E; } .a-w-top span{ margin-left:10px; }
.a-w pre{ margin:0; padding:18px 18px 6px; font:400 13px/1.9 var(--mono); color:#A1A1A1; white-space:pre-wrap; }
.a-w pre b{ color:#EDEDED; font-weight:500; } .a-w pre em{ font-style:normal; color:var(--brand-on-dark); }
.a-w-st{ display:flex; gap:8px; flex-wrap:wrap; padding:12px 18px 18px; }
.a-w-st span{ display:inline-flex; align-items:center; gap:7px; height:28px; padding:0 10px; border-radius:7px; background:#161616; box-shadow:0 0 0 1px rgba(255,255,255,.07); font-size:12.5px; color:#D6D6D6; }
.a-w-st svg{ width:13px; height:13px; color:var(--brand-on-dark); }
.a-ok{ display:inline-flex; align-items:center; gap:7px; color:#5FD08E; } .a-ok::before{ content:""; width:7px; height:7px; border-radius:50%; background:#2FB463; }
.a-rail{ margin-top:48px; display:grid; grid-template-columns:repeat(4, 1fr); position:relative; }
.a-rail::before{ content:""; position:absolute; left:0; right:0; top:44px; height:1px; background:var(--hl); }
.a-rail > div{ padding:0 24px 0 0; position:relative; }
.a-rail b{ display:block; font:500 13px var(--mono); color:#8F8F96; letter-spacing:.04em; }
.a-rail i{ display:block; margin:18px 0 22px; width:11px; height:11px; border-radius:50%; background:#fff; box-shadow:0 0 0 1px #C9C9CF, 0 0 0 5px var(--pg); position:relative; }
.a-rail h3{ margin:0; font-size:17px; font-weight:550; letter-spacing:-0.01em; } .a-rail p{ margin:6px 0 0; font-size:14.5px; line-height:1.55; color:#66666D; max-width:24em; }
.a-rail > div.now{ background:#0A0A0A; color:#EDEDED; border-radius:14px; padding:0 22px 22px; margin-top:-14px; }
.a-rail > div.now b{ padding-top:14px; color:var(--brand-on-dark); } .a-rail > div.now i{ background:var(--brand); box-shadow:0 0 0 4px rgba(91,76,232,.3); }
.a-rail > div.now p{ color:#A1A1A1; }
.a-in{ display:grid; grid-template-columns:1fr 1.1fr; gap:64px; align-items:start; }
.a-list{ background:#fff; border-radius:14px; box-shadow:0 0 0 1px var(--hl); }
.a-list > div{ display:grid; grid-template-columns:36px 1fr; gap:14px; padding:20px 22px; } .a-list > div + div{ border-top:1px solid #F0F0EC; }
.a-list .ico{ width:36px; height:36px; border-radius:10px; background:var(--brand-soft); color:var(--brand); display:grid; place-items:center; } .a-list .ico svg{ width:17px; height:17px; }
.a-list h3{ margin:2px 0 0; font-size:15.5px; font-weight:550; } .a-list p{ margin:4px 0 0; font-size:14px; line-height:1.5; color:#66666D; }
@media (max-width:1023px){
  .a-hero, .a-in{ grid-template-columns:1fr; } .a-r{ border-left:0; border-top:1px solid var(--hl); }
  .a-rail{ grid-template-columns:1fr 1fr; gap:28px 0; } .a-rail::before{ display:none; }
}
@media (max-width:719px){
  .a-hero > div:first-child{ padding:56px 16px 48px; } .a-r{ padding:32px 16px; } .ab-pad{ padding:64px 16px; }
  .a-sr{ grid-template-columns:1fr 1fr; gap:14px 0; } .a-sr div:nth-child(3){ border-left:0; padding-left:0; }
  .a-rail{ grid-template-columns:1fr; } .a-rail > div.now{ margin-top:0; }
}

/* ── Domains hero · B1 Refined (owner pick, step 15b, 2026-10-31) ── */
.dk{ font:500 11.5px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--brand); display:inline-flex; align-items:center; gap:8px; }
.dk::before{ content:""; width:6px; height:6px; border-radius:2px; background:var(--brand); }
.dh-t{ margin:16px 0 0; font-weight:550; } .dh-t span{ display:block; font-size:clamp(34px, 4.2vw, 58px); line-height:1.04; letter-spacing:-0.045em; color:#0A0A0A; } .dh-t span + span{ color:#9A9AA2; }
.dh-l{ margin:16px 0 0; max-width:30em; font-size:16.5px; line-height:1.6; color:#55555C; }
.dw{ padding:80px 24px 0; }
.dw-top{ display:grid; grid-template-columns:1fr 380px; gap:56px; align-items:end; }
/* facts list */
.dfx{ margin:0; padding:0; list-style:none; border-top:1px solid var(--hl); }
.dfx li{ display:grid; grid-template-columns:18px 1fr; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid var(--hl); }
.dfx svg{ width:16px; height:16px; color:var(--brand); }
.dfx b{ font-size:14.5px; font-weight:550; color:#0A0A0A; } .dfx small{ margin-left:6px; font-size:13.5px; color:#8F8F96; }
/* search bar */
.dsb{ margin-top:40px; display:flex; align-items:center; gap:8px; padding:8px; border-radius:16px; background:#fff; box-shadow:0 0 0 1px var(--hl); transition:box-shadow .2s; }
.dsb:focus-within{ box-shadow:0 0 0 1px var(--brand), 0 0 0 4px var(--brand-soft); }
.dsb > svg{ width:20px; height:20px; margin-left:12px; color:#8F8F96; flex:none; }
.dsb-in{ position:relative; flex:1; min-width:0; display:flex; align-items:center; }
.dsb input{ width:100%; height:56px; border:0; outline:0; background:transparent; font-family:inherit; font-weight:500; font-size:20px; letter-spacing:-0.01em; color:#0A0A0A; } .dsb input::placeholder{ color:#A8A8AE; }
.dsb-go{ height:56px; padding:0 22px; border:0; border-radius:11px; background:var(--brand); color:#fff; font-family:inherit; font-weight:500; font-size:15px; cursor:pointer; display:inline-flex; align-items:center; gap:10px; white-space:nowrap; transition:background .15s; }
.dsb-go:hover{ background:var(--brand-hover); } .dsb-go small{ font:400 12.5px var(--mono); opacity:.8; } .dsb-go svg{ width:13px; height:13px; }
.dpv{ margin:12px 0 0 4px; min-height:20px; font-size:13.5px; color:#8F8F96; } .dpv b{ color:#0A0A0A; font-weight:550; } .dpv em{ font-style:normal; font-family:var(--mono); font-size:12.5px; color:var(--brand); }
.dpv a{ color:var(--brand); font-weight:500; text-decoration:none; margin-left:14px; }
/* extension picker inside the bar */
.dsel{ display:flex; gap:2px; padding:3px; border-radius:10px; background:#F2F2EF; }
.dsel button{ height:36px; padding:0 10px; border:0; border-radius:8px; background:none; font:500 13.5px var(--mono); color:#66666D; cursor:pointer; }
.dsel button.on{ background:#fff; color:#0A0A0A; box-shadow:0 0 0 1px var(--hl); }
/* price strip */
.dst{ margin:44px -24px 0; display:grid; grid-template-columns:repeat(6, 1fr); border-top:1px solid var(--hl); }
.dst > *{ position:relative; display:block; padding:22px 24px 24px; text-align:left; border:0; background:none; font:inherit; color:inherit; text-decoration:none; cursor:pointer; transition:background .15s; }
.dst > * + *{ border-left:1px solid var(--hl); } .dst > *:hover{ background:#FBFBFA; }
.dst b{ display:block; font-size:26px; font-weight:550; letter-spacing:-0.035em; color:#0A0A0A; }
.dst small{ display:block; margin-top:4px; font:400 12.5px var(--mono); color:#8F8F96; }
.dst em{ display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-style:normal; font-size:13px; font-weight:500; color:var(--brand); } .dst em svg{ width:12px; height:12px; }
.dst i{ position:absolute; top:22px; right:20px; font:500 10.5px var(--mono); font-style:normal; letter-spacing:.06em; text-transform:uppercase; color:#0E8A57; background:#E2F5EA; padding:3px 7px; border-radius:6px; }

@media (max-width:1023px){
  .dw-top{ grid-template-columns:1fr; display:grid; gap:28px; }
  .dst{ grid-template-columns:repeat(3, 1fr); } .dst > *:nth-child(4){ border-left:0; } .dst > *:nth-child(n+4){ border-top:1px solid var(--hl); }
}
@media (max-width:719px){
  .dw{ padding:56px 16px 0; }
  .dsb{ flex-wrap:wrap; } .dsb-in{ width:calc(100% - 50px); flex:auto; } .dsb input{ height:48px; font-size:17px; }
  .dsel{ order:3; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); } .dsel button{ padding:0; } .dsb-go{ order:4; width:100%; justify-content:center; height:50px; }
  .dst{ margin:36px -16px 0; grid-template-columns:1fr 1fr; } .dst > *{ padding:18px 16px 20px; }
  .dst > *:nth-child(odd){ border-left:0; } .dst > *:nth-child(4){ border-left:1px solid var(--hl); } .dst > *:nth-child(n+3){ border-top:1px solid var(--hl); }
  .dst b{ font-size:22px; } .dst i{ right:14px; top:18px; }
  .dpv a{ display:block; margin:6px 0 0; }
}

/* ── Contact · A · Switchboard (owner pick, step 16, 2026-10-31) ── */
.ck{ font:500 11.5px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--brand); display:inline-flex; align-items:center; gap:8px; }
.ck::before{ content:""; width:6px; height:6px; border-radius:2px; background:var(--brand); }
.dark .ck{ color:var(--brand-on-dark); } .dark .ck::before{ background:var(--brand-on-dark); }
.ct{ margin:16px 0 0; font-weight:550; } .ct span{ display:block; font-size:clamp(34px, 4.2vw, 58px); line-height:1.04; letter-spacing:-0.045em; color:#0A0A0A; } .ct span + span{ color:#9A9AA2; }
.ctc-cl{ margin:18px 0 0; max-width:31em; font-size:16.5px; line-height:1.6; color:#55555C; }
.ch2{ margin:14px 0 0; font-weight:550; } .ch2 span{ display:block; font-size:clamp(28px, 3vw, 42px); line-height:1.08; letter-spacing:-0.04em; color:#0A0A0A; } .ch2 span + span{ color:#9A9AA2; }
.dark .ch2 span{ color:#EDEDED; } .dark .ch2 span + span{ color:#6B6B70; }
.cpad{ padding:88px 24px; }
.ctc-live{ display:inline-flex; align-items:center; gap:7px; font:500 11.5px var(--mono); color:#0E8A57; }
.ctc-live::before{ content:""; width:7px; height:7px; border-radius:50%; background:#2FB463; box-shadow:0 0 0 3px #E2F5EA; animation:lv 2s ease-in-out infinite; }
@keyframes lv{ 50%{ box-shadow:0 0 0 6px rgba(47,180,99,.12); } }
.dark .ctc-live{ color:#5FD08E; } .dark .ctc-live::before{ box-shadow:0 0 0 3px rgba(47,180,99,.18); }
/* shared: offices */
.offs{ margin-top:40px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.off{ position:relative; background:#fff; border-radius:16px; box-shadow:0 0 0 1px var(--hl); padding:26px 26px 24px; display:grid; grid-template-columns:1fr auto; gap:8px 24px; }
.off .ico{ width:38px; height:38px; border-radius:11px; background:var(--brand-soft); color:var(--brand); display:grid; place-items:center; grid-column:1 / -1; } .off .ico svg{ width:18px; height:18px; }
.off h3{ margin:10px 0 0; font-size:22px; font-weight:550; letter-spacing:-0.025em; } .off h3 small{ margin-left:8px; font:400 12px var(--mono); color:#8F8F96; letter-spacing:0; }
.off p{ grid-column:1; margin:0; font-size:14.5px; line-height:1.55; color:#66666D; max-width:26em; }
.off .clk{ grid-column:2; grid-row:2 / span 2; align-self:end; text-align:right; }
.clk b{ display:block; font:500 30px var(--mono); letter-spacing:-0.03em; color:#0A0A0A; } .clk small{ font:400 11.5px var(--mono); color:#8F8F96; }
.dark .off{ background:#0A0A0A; box-shadow:0 0 0 1px rgba(255,255,255,.08); } .dark .off h3, .dark .clk b{ color:#EDEDED; } .dark .off p{ color:#A1A1A1; }
.dark .off .ico{ background:rgba(167,156,255,.12); color:var(--brand-on-dark); }

/* ── A · Switchboard ── */
.ctc-a2{ display:grid; grid-template-columns:1fr 1.05fr; min-height:600px; }
.ctc-a2 > *{ min-width:0; }
.ctc-a2 > div:first-child{ padding:72px 48px 64px 24px; display:flex; flex-direction:column; justify-content:center; }
.sw{ margin-top:30px; background:#fff; border-radius:16px; box-shadow:0 0 0 1px var(--hl); overflow:hidden; max-width:520px; }
.sw a{ display:grid; grid-template-columns:40px 1fr auto 16px; gap:14px; align-items:center; padding:16px 18px; text-decoration:none; color:inherit; transition:background .15s; }
.sw a + a{ border-top:1px solid #F0F0EC; } .sw a:hover{ background:#FBFBFA; }
.sw .ico{ width:40px; height:40px; border-radius:11px; background:var(--brand-soft); color:var(--brand); display:grid; place-items:center; } .sw .ico svg{ width:18px; height:18px; }
.sw b{ display:block; font-size:15.5px; font-weight:550; color:#0A0A0A; } .sw small{ display:block; margin-top:2px; font:400 12.5px var(--mono); color:#8F8F96; }
.sw > a > svg{ width:14px; height:14px; color:#B4B4BA; } .sw a:hover > svg{ color:var(--brand); }
.a2-r{ background:#ECEAFB; border-left:1px solid var(--hl); display:flex; align-items:center; justify-content:center; padding:48px 40px; }
.tw{ width:100%; max-width:470px; background:#0A0A0A; border-radius:14px; box-shadow:0 0 0 1px rgba(255,255,255,.06); overflow:hidden; color:#EDEDED; }
.tw-top{ display:flex; align-items:center; gap:10px; padding:13px 16px; border-bottom:1px solid rgba(255,255,255,.08); font:400 12px var(--mono); color:#8A8A8F; }
.tw-top b{ color:#EDEDED; font-weight:500; } .tw-top .ctc-live{ margin-left:auto; }
.msg{ padding:16px 18px 4px; display:grid; grid-template-columns:30px 1fr; gap:12px; }
.ctc-av{ width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font:500 11px var(--mono); }
.msg.you .ctc-av{ background:#232326; color:#A1A1A1; } .msg.eng .ctc-av{ background:var(--brand-btn-dark); color:#fff; }
.msg header{ display:flex; gap:8px; align-items:baseline; font-size:13px; color:#EDEDED; font-weight:500; } .msg header small{ font:400 11.5px var(--mono); color:#6B6B70; }
.msg p{ margin:5px 0 0; font-size:14px; line-height:1.55; color:#A1A1A1; }
.msg .step{ margin-top:10px; display:inline-flex; align-items:center; gap:8px; height:28px; padding:0 10px; border-radius:7px; background:#161616; box-shadow:0 0 0 1px rgba(255,255,255,.07); font:400 12px var(--mono); color:#D6D6D6; }
.msg .step i{ width:6px; height:6px; border-radius:50%; background:#2FB463; }
.tw-foot{ margin-top:14px; display:flex; justify-content:space-between; padding:11px 18px; border-top:1px solid rgba(255,255,255,.08); font:400 11.5px var(--mono); color:#6B6B70; }
.more{ display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--hl); }
.more a{ display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:24px; text-decoration:none; color:inherit; transition:background .15s; }
.more a + a{ border-left:1px solid var(--hl); } .more a:hover{ background:#fff; }
.more svg{ width:18px; height:18px; color:var(--brand); } .more a > svg:last-child{ width:13px; height:13px; color:#B4B4BA; }
.more b{ display:block; font-size:15px; font-weight:550; } .more small{ display:block; margin-top:2px; font-size:13.5px; color:#8F8F96; }


@media (max-width:1023px){
  .ctc-a2{ grid-template-columns:1fr; } .a2-r{ border-left:0; border-top:1px solid var(--hl); }
  .more{ grid-template-columns:1fr; } .more a + a{ border-left:0; border-top:1px solid var(--hl); }
  .offs{ grid-template-columns:1fr; }
}
@media (max-width:719px){
  .cpad{ padding:64px 16px; }
  .ctc-a2 > div:first-child{ padding:56px 16px 48px; } .a2-r{ padding:32px 16px; }
  .sw a{ grid-template-columns:40px 1fr 14px; } .sw a .ctc-live{ display:none; }
  .off{ grid-template-columns:1fr; } .off .clk{ grid-column:1; grid-row:auto; text-align:left; margin-top:8px; }
}
@media (prefers-reduced-motion:reduce){ .ctc-live::before{ animation:none; } }