/* ===== Danabak location landing pages (rug industry) — extends site/service/about css ===== */

/* ---- hero ---- */
.lhero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding-block:64px 84px}
.lhero .sgrid-bg{position:absolute;inset:0;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:64px 64px;-webkit-mask-image:radial-gradient(120% 100% at 25% 0%,#000,transparent 78%);mask-image:radial-gradient(120% 100% at 25% 0%,#000,transparent 78%)}
.lhero .sglow{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(107,56,244,.42),transparent 62%);top:-240px;right:-120px;filter:blur(14px)}
.lhero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.lhero h1{color:#fff;font-size:clamp(34px,4.7vw,58px);letter-spacing:-.025em;line-height:1.03;margin:20px 0 22px}
.lhero h1 .hl{background:linear-gradient(92deg,var(--violet2),#e6d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lhero .lead{color:#c7c5da;font-size:18px;line-height:1.7;max-width:560px;margin-bottom:30px}
.lhero-cta{display:flex;gap:14px;flex-wrap:wrap}
.lhero-trust{display:flex;gap:14px 26px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.lhero-trust span{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a6a4c0}
.lhero-trust span b{color:#fff;font-weight:400}
.lhero-trust .dot{width:7px;height:7px;border-radius:50%;background:var(--coral);flex:none;box-shadow:0 0 0 4px rgba(255,91,41,.18)}
.lhero-fig{position:relative}
.lhero-frame{border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;box-shadow:0 60px 120px -50px rgba(0,0,0,.85);background:#0d0b17}
.lhero-frame .bar{height:36px;background:#0d0b17;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08)}
.lhero-frame .bar i{width:9px;height:9px;border-radius:50%;background:#3a3752}
.lhero-frame .bar .u{margin-left:14px;font-family:var(--mono);font-size:10.5px;color:#6a6784;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lhero-frame img{width:100%;height:352px;object-fit:cover;display:block}
.lhero-badge{position:absolute;left:-20px;bottom:-22px;background:var(--coral);color:#fff;padding:15px 20px;border-radius:7px;box-shadow:0 26px 46px -18px rgba(255,91,41,.7);max-width:220px}
.lhero-badge b{font-family:var(--disp);font-size:19px;display:block;line-height:1.15}
.lhero-badge span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.92}
@media(max-width:940px){.lhero-in{grid-template-columns:1fr;gap:40px}.lhero-fig{order:-1;max-width:520px}.lhero-frame img{height:280px}}
@media(max-width:700px){
  .lhero{padding-block:44px 56px}
  .lhero-fig{margin-bottom:12px}
  .lhero-frame img{height:230px}
  /* badge sits cleanly below the frame instead of overlapping the image */
  .lhero-badge{position:static;max-width:none;margin-top:14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;box-shadow:0 18px 34px -18px rgba(255,91,41,.6)}
  .lhero-badge b{font-size:16px}
  .lhero-badge span{font-size:9.5px}
}

/* ---- direct-answer snippet band ---- */
.lsum{background:var(--soft);position:relative}
.lsum .wrap{max-width:1000px}
.lsum-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:12px;padding:40px 44px;box-shadow:0 40px 80px -56px rgba(20,18,32,.4)}
.lsum-card .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--violet);display:inline-flex;align-items:center;gap:9px;margin-bottom:16px}
.lsum-card .k::before{content:"";width:20px;height:1.5px;background:var(--coral)}
.lsum-card p{font-family:var(--disp);font-weight:500;font-size:clamp(19px,2.4vw,25px);line-height:1.5;color:var(--ink);letter-spacing:-.01em}
.lsum-card p b{color:var(--violet);font-weight:600}
@media(max-width:700px){.lsum-card{padding:30px 26px}}

/* ---- generic section head reuse .shead; extra intro copy ---- */
.lintro{max-width:760px;color:var(--muted);font-size:17px;line-height:1.75;margin-top:18px}

/* ---- local market analysis ---- */
.lmarket .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.lmarket .copy p{color:var(--muted);font-size:16px;line-height:1.78;margin-bottom:16px}
.lmarket .copy p:first-of-type{color:var(--tx);font-size:17.5px;font-weight:500}
.lmarket-fig{position:relative}
.lmarket-fig img{width:100%;border-radius:14px;box-shadow:0 40px 80px -44px rgba(20,18,32,.5)}
.lchips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.lchips span{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--tx);background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 14px}
.lchips span b{color:var(--coral);font-weight:400}
@media(max-width:900px){.lmarket .wrap{grid-template-columns:1fr;gap:36px}.lmarket-fig{order:-1}}

/* ---- why generic agencies miss rug businesses ---- */
.lfail{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.lfail::after{content:"";position:absolute;right:-8%;top:-40%;width:46%;height:180%;background:radial-gradient(50% 50% at 50% 50%,rgba(107,56,244,.32),transparent 70%)}
.lfail .wrap{position:relative;z-index:2}
.lfail .shead h2{color:#fff}
.lfail .shead p{color:#a09eb8}
.lfail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.lfail-row{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:26px 28px;transition:.25s}
.lfail-row:hover{background:rgba(255,255,255,.055);border-color:rgba(155,92,255,.4);transform:translateY(-4px)}
.lfail-row .rh{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.lfail-row .ic{width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;background:rgba(255,91,41,.14);color:var(--coral)}
.lfail-row .ic svg{width:20px;height:20px}
.lfail-row h3{font-size:18px;color:#fff;line-height:1.25}
.lfail-row p{color:#b6b4cc;font-size:14.8px;line-height:1.68}
@media(max-width:820px){.lfail-grid{grid-template-columns:1fr}}

/* ---- priority strategy stack ---- */
.lpri .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.lpri-head h2{font-size:clamp(28px,3.7vw,44px);margin:16px 0 18px;line-height:1.08}
.lpri-head p{color:var(--muted);font-size:16px;line-height:1.75}
.lpri-list{display:flex;flex-direction:column}
.lpri-item{display:grid;grid-template-columns:auto 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}
.lpri-item:first-child{border-top:0;padding-top:0}
.lpri-item .n{font-family:var(--disp);font-weight:700;font-size:30px;color:transparent;-webkit-text-stroke:1.4px var(--violet);line-height:1}
.lpri-item h3{font-size:19px;color:var(--ink);margin-bottom:8px}
.lpri-item p{color:var(--muted);font-size:15.3px;line-height:1.7}
@media(max-width:820px){.lpri .wrap{grid-template-columns:1fr;gap:30px}}

/* ---- alternating image+text split blocks (local SEO / paid ads / designer) ---- */
.lsplit .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lsplit.rev .lsplit-fig{order:2}
.lsplit-fig img{width:100%;border-radius:14px;box-shadow:0 40px 80px -44px rgba(20,18,32,.5)}
.lsplit-fig{position:relative}
.lsplit-tag{position:absolute;left:18px;bottom:18px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:9px 13px;border-radius:5px}
.lsplit-tag b{color:var(--coral)}
.lsplit .copy h2{font-size:clamp(26px,3.3vw,38px);margin:14px 0 16px;line-height:1.1}
.lsplit .copy>p{color:var(--muted);font-size:16px;line-height:1.76;margin-bottom:18px}
.lsplit .copy>p:first-of-type{color:var(--tx);font-size:17px;font-weight:500}
.lsplit-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:8px}
.lsplit-list li{position:relative;padding-left:28px;color:var(--tx);font-size:15.2px;line-height:1.6}
.lsplit-list li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:2px;background:var(--coral)}
.lsplit-list li b{color:var(--ink)}
@media(max-width:900px){.lsplit .wrap{grid-template-columns:1fr;gap:34px}.lsplit.rev .lsplit-fig{order:-1}.lsplit-fig{order:-1}}

/* soft vs paper alternation helpers */
.bg-soft{background:var(--soft)}
.bg-paper{background:var(--paper)}

/* ---- why danabak feature band ---- */
.lwhy{background:var(--ink2);color:#fff;position:relative;overflow:hidden}
.lwhy::after{content:"";position:absolute;left:-10%;bottom:-60%;width:52%;height:150%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,91,41,.16),transparent 70%)}
.lwhy .wrap{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.lwhy h2{color:#fff;font-size:clamp(27px,3.6vw,42px);margin:16px 0 18px;line-height:1.1}
.lwhy .lead{color:#c3c1d8;font-size:16.5px;line-height:1.8;margin-bottom:20px}
.lwhy-pts{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lwhy-pt{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:22px 22px}
.lwhy-pt .ic{width:34px;height:34px;color:var(--violet2);margin-bottom:12px}
.lwhy-pt b{font-family:var(--disp);font-weight:600;font-size:16px;color:#fff;display:block;margin-bottom:6px}
.lwhy-pt p{color:#a8a6c2;font-size:13.8px;line-height:1.6}
@media(max-width:900px){.lwhy .wrap{grid-template-columns:1fr;gap:34px}}
@media(max-width:520px){.lwhy-pts{grid-template-columns:1fr}}

/* ---- common mistakes ---- */
.lmiss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lmiss-card{border:1px solid var(--line);border-radius:14px;padding:28px 26px;background:#fff;transition:.25s;position:relative;overflow:hidden}
.lmiss-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--violet),var(--coral));transition:width .45s}
.lmiss-card:hover{transform:translateY(-6px);box-shadow:0 30px 55px -34px rgba(20,18,32,.35)}
.lmiss-card:hover::before{width:100%}
.lmiss-card .x{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(255,91,41,.12);color:var(--coral);font-family:var(--disp);font-weight:700;font-size:15px;margin-bottom:16px}
.lmiss-card h3{font-size:17px;color:var(--ink);line-height:1.3;margin-bottom:9px}
.lmiss-card p{color:var(--muted);font-size:14.4px;line-height:1.66}
@media(max-width:900px){.lmiss-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.lmiss-grid{grid-template-columns:1fr}}

/* ---- consultation form inside final CTA ---- */
.lcta{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.lcta .glow{position:absolute;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(107,56,244,.38),transparent 60%);top:-360px;left:50%;transform:translateX(-50%)}
.lcta .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lcta-copy h2{color:#fff;font-size:clamp(30px,4.2vw,50px);line-height:1.05;margin:18px 0 18px}
.lcta-copy p{color:#c3c1d8;font-size:17px;line-height:1.7;margin-bottom:26px}
.lcta-copy .trust{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a6a4c0}
.lcta-copy .trust .st{color:var(--coral);letter-spacing:2px}
.lform{background:#fff;border-radius:16px;padding:34px 34px 30px;box-shadow:0 50px 100px -50px rgba(0,0,0,.7)}
.lform h3{color:var(--ink);font-size:20px;margin-bottom:6px}
.lform .sub{color:var(--muted);font-size:13.5px;margin-bottom:20px}
.lform .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lform label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin:0 0 6px}
.lform .fld{margin-bottom:13px}
.lform input,.lform select,.lform textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-family:var(--body);font-size:14.5px;background:#fff;color:var(--tx)}
.lform input:focus,.lform select,.lform textarea:focus{outline:0;border-color:var(--violet);box-shadow:0 0 0 3px rgba(107,56,244,.12)}
.lform textarea{min-height:88px;resize:vertical}
.lform button{width:100%;background:var(--violet);color:#fff;border:0;padding:15px;border-radius:8px;font-family:var(--body);font-weight:600;font-size:15px;cursor:pointer;transition:.2s;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.lform button:hover{background:var(--coral);transform:translateY(-2px)}
.lform .fine{text-align:center;color:var(--muted);font-size:12px;margin-top:12px}
/* Contact Form 7 rendered inside the landing form — inherit the .lform look */
.lform .wpcf7{max-width:100%}
.lform .wpcf7 *{box-sizing:border-box;max-width:100%}
.lform .wpcf7 p{margin:0}
.lform .wpcf7 .wpcf7-form-control-wrap{display:block;width:100%}
.lform .wpcf7 .wpcf7-not-valid-tip{color:var(--coral);font-size:12px;margin-top:-8px;margin-bottom:8px;display:block}
.lform .wpcf7 .wpcf7-response-output{margin:14px 0 0;border-radius:8px;font-size:13.5px;padding:12px 14px;border-width:1px;color:var(--ink)}
.lform .wpcf7-spinner{margin:0 auto;display:block}
.lform input[type=submit],.lform .wpcf7-submit,.lform input.wpcf7-submit{width:100%!important;background:var(--violet)!important;color:#fff!important;border:0!important;padding:15px!important;border-radius:8px!important;font-family:var(--body)!important;font-weight:600!important;font-size:15px!important;cursor:pointer;transition:.2s;margin-top:4px!important}
.lform input[type=submit]:hover,.lform .wpcf7-submit:hover{background:var(--coral)!important;transform:translateY(-2px)}
@media(max-width:900px){.lcta .wrap{grid-template-columns:1fr;gap:40px}}
@media(max-width:520px){.lform .row{grid-template-columns:1fr}.lform{padding:26px 22px}}

/* ---- breadcrumb ---- */
.lcrumb{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.07)}
.lcrumb .wrap{display:flex;align-items:center;gap:9px;height:44px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#8a88a4;text-transform:uppercase;overflow-x:auto;white-space:nowrap}
.lcrumb a{color:#8a88a4}.lcrumb a:hover{color:var(--coral)}
.lcrumb .sep{color:#4a4863}
.lcrumb .cur{color:#cfcde2}

/* lwhy feature icons: constrain the svg (container is 34px) */
.lwhy-pt .ic svg{width:100%;height:100%;display:block}
.lwhy .ic svg{max-width:34px;max-height:34px}