/* Manrope, self-hosted (SIL OFL 1.1, see /assets/fonts/OFL.txt): no requests to Google, no visitor IPs leave the country */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Урдес — main stylesheet. Generated 2026-10-17 from mockup v2 (owner Tilda draft + «Баниум Отделка» style); edit here from now on. */
html,body{margin:0;background:#0f0e0c}
/* --- part 1 --- */
html,body{margin:0;background:#0f0e0c}
/* --- part 2 --- */
:root{
  --bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;
  --text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;
  --accent:#b8935f;--accent2:#d4ac74;--accent-soft:rgba(184,147,95,0.12);
}
.urd-hero *{box-sizing:border-box;margin:0;padding:0}
.urd-hero{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:calc(100vh - 100px);position:relative;overflow:hidden;padding:100px 0 64px;display:flex;align-items:center}
.urd-hero a{color:inherit;text-decoration:none}
.urd-hero button{font-family:inherit;cursor:pointer;border:none;color:inherit;background:none}

.urd-hero .hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.urd-hero .hero-bg::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 50% at 75% 20%,rgba(212,172,116,0.10),transparent 60%),
  radial-gradient(ellipse 60% 45% at 10% 90%,rgba(184,147,95,0.05),transparent 55%),
  linear-gradient(180deg,rgba(15,14,12,0) 50%,rgba(15,14,12,0.92) 100%);
  z-index:4;pointer-events:none}

.urd-hero .forest-layer{position:absolute;left:-8%;right:-8%;will-change:transform;pointer-events:none}
.urd-hero .forest-layer svg{display:block;width:116%;height:auto}

/* дальний — туманные вертикали стволов */
.urd-hero .forest-far{bottom:18%;opacity:0.45;filter:blur(3px);z-index:1}
/* средний — силуэты елей */
.urd-hero .forest-mid{bottom:5%;opacity:0.7;filter:blur(0.8px);z-index:2}
/* ближний — кадрирующие крупные ели */
.urd-hero .forest-near{bottom:-3%;opacity:0.95;z-index:3}

.urd-hero .mist{position:absolute;left:0;right:0;height:50%;bottom:5%;background:linear-gradient(180deg,transparent 0%,rgba(15,14,12,0.35) 40%,rgba(15,14,12,0.85) 80%,rgba(15,14,12,0.95) 100%);z-index:2;pointer-events:none}
.urd-hero .mist-soft{position:absolute;left:-10%;right:-10%;height:30%;bottom:20%;background:radial-gradient(ellipse 50% 100% at 50% 100%,rgba(201,194,179,0.05),transparent 70%);z-index:2;pointer-events:none;will-change:transform}

.urd-hero .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:5;width:100%}
.urd-hero .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.urd-hero .hero-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px;font-weight:600;font-size:18px;letter-spacing:0.04em}
.urd-hero .logo-mark{width:32px;height:32px;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent2);font-size:13px;font-weight:600}
.urd-hero h1{font-size:clamp(36px,5.2vw,64px);font-weight:600;letter-spacing:-0.035em;line-height:1.04;margin-bottom:20px;color:var(--text)}
.urd-hero h1 span{color:var(--accent2);font-style:italic;font-weight:400}
.urd-hero p.lead{font-size:17px;color:var(--text2);margin-bottom:28px;max-width:540px;line-height:1.6}
.urd-hero .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.urd-hero .hero-stats{display:flex;gap:36px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.urd-hero .stat-num{font-size:32px;font-weight:600;color:var(--accent2);letter-spacing:-0.02em;line-height:1}
.urd-hero .stat-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;margin-top:6px}

.urd-hero .configurator{background:rgba(31,29,25,0.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:24px;padding:32px;position:relative}
.urd-hero .configurator-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.urd-hero .configurator-title{font-size:15px;color:var(--text);font-weight:600;display:flex;align-items:center;gap:10px}
.urd-hero .configurator-title svg{color:var(--accent2)}
.urd-hero .reset-btn{font-size:12px;color:var(--muted);letter-spacing:0.04em;text-transform:uppercase;transition:color .2s;padding:4px 0}
.urd-hero .reset-btn:hover{color:var(--accent2)}
.urd-hero .filter-group{margin-bottom:20px}
.urd-hero .filter-group label{display:block;font-size:13px;color:var(--text2);margin-bottom:10px;font-weight:500}
.urd-hero .chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.urd-hero .chip{padding:10px 16px;background:transparent;border:1px solid var(--line2);border-radius:100px;font-size:13px;color:var(--text2);transition:all .25s;font-weight:500}
.urd-hero .chip:hover{border-color:var(--accent);color:var(--text)}
.urd-hero .chip.active{background:var(--accent);color:#0f0e0c;border-color:var(--accent);font-weight:600}
.urd-hero .range-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px;letter-spacing:0.05em}
.urd-hero input[type=range]{width:100%;accent-color:var(--accent);height:4px}

/* кнопки */
.urd-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;border-radius:100px;font-weight:600;font-size:14px;transition:all .25s;border:1px solid transparent;letter-spacing:0.01em}
.urd-hero .btn-primary{background:var(--accent);color:#100f0d;border-color:var(--accent)}
.urd-hero .btn-primary:hover{background:var(--accent2);border-color:var(--accent2);transform:translateY(-2px);box-shadow:0 14px 32px -12px rgba(212,172,116,0.45)}
.urd-hero .btn-outline{background:transparent;color:var(--text);border-color:var(--line2)}
.urd-hero .btn-outline:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft);transform:translateY(-2px)}
.urd-hero .btn-block{width:100%;margin-top:8px}
.urd-hero .btn-arrow{transition:transform .25s}
.urd-hero .btn:hover .btn-arrow{transform:translateX(4px)}

.urd-hero .found-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-top:14px;letter-spacing:0.04em}
.urd-hero .found-row b{color:var(--accent2);font-weight:600}

@media(max-width:960px){
  .urd-hero{padding:80px 0 48px;min-height:auto}
  .urd-hero .hero-grid{grid-template-columns:1fr;gap:36px}
  .urd-hero .hero-stats{gap:20px}
}
@media(max-width:560px){.urd-hero h1{font-size:38px}}
/* --- part 3 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-cat *{box-sizing:border-box;margin:0;padding:0}
.urd-cat{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-cat a{color:inherit;text-decoration:none}
.urd-cat .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none}
.urd-cat .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-cat .section-head{margin-bottom:56px;max-width:760px}
.urd-cat h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-cat .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65}
.urd-cat .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.urd-cat .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-cat .catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.urd-cat .card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;display:flex;flex-direction:column}
.urd-cat .card:hover{transform:translateY(-6px);border-color:var(--line2)}
.urd-cat .card:hover .card-img-inner{transform:scale(1.05)}
.urd-cat .card-img{aspect-ratio:4/3;background:var(--bg2);position:relative;overflow:hidden}
.urd-cat .card-img-inner{width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.urd-cat .card-img svg{width:100%;height:100%}
.urd-cat .card-tag{position:absolute;top:14px;left:14px;background:rgba(15,14,12,0.85);backdrop-filter:blur(10px);padding:6px 12px;border-radius:100px;font-size:11px;color:var(--accent2);letter-spacing:0.05em;font-weight:600;text-transform:uppercase;z-index:2}
.urd-cat .card-body{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}
.urd-cat .card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.urd-cat .card-title{font-size:20px;font-weight:600;letter-spacing:-0.01em;line-height:1.2}
.urd-cat .card-area{font-size:13px;color:var(--muted);white-space:nowrap}
.urd-cat .card-meta{display:flex;gap:8px;flex-wrap:wrap}
.urd-cat .card-meta span{font-size:12px;color:var(--text2);background:rgba(200,153,104,0.06);border:1px solid var(--line);padding:4px 10px;border-radius:100px}
.urd-cat .card-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:14px;border-top:1px solid var(--line);margin-top:auto}
.urd-cat .card-price-wrap{display:flex;flex-direction:column;gap:2px}
.urd-cat .card-price{font-size:22px;font-weight:600;color:var(--accent2);letter-spacing:-0.015em;line-height:1.1}
.urd-cat .card-price-note{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
.urd-cat .card-term{font-size:12px;color:var(--text2);text-align:right}
.urd-cat .card-term b{display:block;color:var(--text);font-weight:500;font-size:13px}
.urd-cat .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:100px;font-weight:600;font-size:13px;transition:all .25s;background:transparent;border:1px solid var(--line2);color:var(--text)}
.urd-cat .btn:hover{border-color:var(--accent);background:rgba(200,153,104,0.05)}
@media(max-width:960px){.urd-cat{padding:72px 0}.urd-cat .catalog-grid{grid-template-columns:repeat(2,1fr)}.urd-cat .sec-num{font-size:80px;right:16px}}
@media(max-width:560px){.urd-cat .catalog-grid{grid-template-columns:1fr}}
/* --- part 4 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-wood *{box-sizing:border-box;margin:0;padding:0}
.urd-wood{background:var(--bg2);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-wood::before,.urd-wood::after{content:'';position:absolute;left:0;right:0;height:80px;pointer-events:none}
.urd-wood::before{top:0;background:linear-gradient(180deg,var(--bg) 0%,transparent 100%)}
.urd-wood::after{bottom:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%)}
.urd-wood .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none;z-index:1}
.urd-wood .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-wood .section-head{margin-bottom:56px;max-width:760px}
.urd-wood h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-wood .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65}
.urd-wood .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.urd-wood .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-wood .wood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.urd-wood .wood-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;transition:all .3s;display:flex;flex-direction:column}
.urd-wood .wood-card:hover{border-color:var(--line2);transform:translateY(-3px)}
.urd-wood .wood-icon{width:48px;height:48px;border:1px solid var(--accent);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent2);margin-bottom:22px}
.urd-wood .wood-title{font-size:20px;font-weight:600;margin-bottom:10px;letter-spacing:-0.01em}
.urd-wood .wood-desc{font-size:15px;color:var(--text2);line-height:1.6;margin-bottom:20px;flex:1}
.urd-wood .wood-meta{font-size:11px;color:var(--muted);padding-top:18px;border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:0.1em;font-weight:500}
@media(max-width:960px){.urd-wood{padding:72px 0}.urd-wood .wood-grid{grid-template-columns:1fr}.urd-wood .sec-num{font-size:80px;right:16px}}
/* --- part 5 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-map *{box-sizing:border-box;margin:0;padding:0}
.urd-map{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-map .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none}
.urd-map .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-map .section-head{margin-bottom:56px;max-width:760px}
.urd-map h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-map .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65}
.urd-map .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.urd-map .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-map .map-wrap{height:560px;border-radius:24px;overflow:hidden;border:1px solid var(--line);position:relative}
.urd-map #urdMap{height:100%;width:100%;background:var(--bg2);filter:hue-rotate(-8deg) brightness(0.85) contrast(1.02) saturate(0.75)}
.urd-map .map-pin{position:relative;width:28px;height:36px;cursor:pointer}
.urd-map .map-pin .pin-body{position:absolute;inset:0;background:var(--accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 14px rgba(0,0,0,0.5),0 0 0 2px rgba(15,14,12,0.6)}
.urd-map .map-pin .pin-dot{position:absolute;top:8px;left:8px;width:12px;height:12px;background:#0f0e0c;border-radius:50%}
.urd-map .map-pin .pin-pulse{position:absolute;left:50%;top:14px;width:28px;height:28px;border-radius:50%;background:rgba(200,153,104,0.35);transform:translateX(-50%);animation:urdPinPulse 2s ease-out infinite}
@keyframes urdPinPulse{0%{transform:translateX(-50%) scale(0.6);opacity:0.7}100%{transform:translateX(-50%) scale(2.4);opacity:0}}
.urd-map .map-legend{position:absolute;left:20px;bottom:20px;background:rgba(15,14,12,0.85);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text2);z-index:5}
.urd-map .map-legend-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(200,153,104,0.2)}
@media(max-width:960px){.urd-map{padding:72px 0}.urd-map .sec-num{font-size:80px;right:16px}.urd-map .map-wrap{height:420px}}
/* --- part 6 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-cuts *{box-sizing:border-box;margin:0;padding:0}
.urd-cuts{background:var(--bg2);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-cuts::before,.urd-cuts::after{content:'';position:absolute;left:0;right:0;height:80px;pointer-events:none}
.urd-cuts::before{top:0;background:linear-gradient(180deg,var(--bg) 0%,transparent 100%)}
.urd-cuts::after{bottom:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%)}
.urd-cuts .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none;z-index:1}
.urd-cuts .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-cuts .section-head{margin-bottom:56px;max-width:760px}
.urd-cuts h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-cuts .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65}
.urd-cuts .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.urd-cuts .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-cuts .cut-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.urd-cuts .cut-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:all .3s}
.urd-cuts .cut-card:hover{border-color:var(--line2);transform:translateY(-3px)}
.urd-cuts .cut-photo{aspect-ratio:16/10;background:var(--bg2);border-radius:14px;margin-bottom:24px;border:1px solid var(--line);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.urd-cuts .cut-meta{display:inline-block;font-size:11px;color:var(--accent2);background:rgba(200,153,104,0.1);padding:6px 14px;border-radius:100px;margin-bottom:14px;letter-spacing:0.1em;font-weight:600;text-transform:uppercase}
.urd-cuts .cut-title{font-size:22px;font-weight:600;margin-bottom:10px;letter-spacing:-0.01em}
.urd-cuts .cut-desc{font-size:15px;color:var(--text2);line-height:1.7}
@media(max-width:960px){.urd-cuts{padding:72px 0}.urd-cuts .cut-grid{grid-template-columns:1fr}.urd-cuts .sec-num{font-size:80px;right:16px}}
/* --- part 7 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-prod *{box-sizing:border-box;margin:0;padding:0}
.urd-prod{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-prod .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none}
.urd-prod .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-prod .section-head{margin-bottom:56px;max-width:760px}
.urd-prod h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-prod .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65}
.urd-prod .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.urd-prod .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-prod .prod-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.urd-prod .prod-main{aspect-ratio:16/9;background:var(--card);border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.urd-prod .prod-side{display:flex;flex-direction:column;gap:20px}
.urd-prod .prod-card{flex:1;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s;cursor:pointer}
.urd-prod .prod-card:hover{border-color:var(--line2);transform:translateY(-2px)}
.urd-prod .live-dot{display:inline-block;width:8px;height:8px;background:#e74c3c;border-radius:50%;margin-right:8px;animation:urdPulse 1.5s infinite;vertical-align:middle}
@keyframes urdPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(231,76,60,0.6)}50%{opacity:0.6;box-shadow:0 0 0 6px rgba(231,76,60,0)}}
.urd-prod .prod-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1f1d19,#0f0e0c);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}
.urd-prod .prod-card-title{font-weight:600;color:var(--text);margin-bottom:6px}
.urd-prod .prod-card-desc{font-size:13px;color:var(--muted)}
.urd-prod .live-label{font-size:12px;color:var(--accent2);margin-bottom:12px;letter-spacing:0.08em;font-weight:500}
@media(max-width:960px){.urd-prod{padding:72px 0}.urd-prod .prod-grid{grid-template-columns:1fr}.urd-prod .sec-num{font-size:80px;right:16px}}
/* --- part 8 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-calc *{box-sizing:border-box;margin:0;padding:0}
.urd-calc{background:var(--bg2);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-calc::before,.urd-calc::after{content:'';position:absolute;left:0;right:0;height:80px;pointer-events:none}
.urd-calc::before{top:0;background:linear-gradient(180deg,var(--bg) 0%,transparent 100%)}
.urd-calc::after{bottom:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%)}
.urd-calc a{color:inherit;text-decoration:none}
.urd-calc button{font-family:inherit;cursor:pointer;border:none;color:inherit}
.urd-calc .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none;z-index:1}
.urd-calc .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-calc .section-head{margin-bottom:56px;max-width:760px}
.urd-calc h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-calc .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65}
.urd-calc .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.urd-calc .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-calc .calc{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:48px;position:relative;overflow:hidden}
.urd-calc .calc::before{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(200,153,104,0.06),transparent 60%);pointer-events:none}
.urd-calc .calc-controls{position:relative;z-index:1}
.urd-calc .filter-group{margin-bottom:24px}
.urd-calc .filter-group label{display:block;font-size:13px;color:var(--text2);margin-bottom:10px;font-weight:500}
.urd-calc .chip-row{display:flex;flex-wrap:wrap;gap:6px}
.urd-calc [data-calc="size"]{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.urd-calc [data-calc="size"] .chip{padding:10px 6px;text-align:center;justify-content:center;font-size:13px}
.urd-calc .chip{padding:10px 16px;background:transparent;border:1px solid var(--line2);border-radius:100px;font-size:13px;color:var(--text2);transition:all .25s;font-weight:500;display:inline-flex;align-items:center;justify-content:center}
.urd-calc .chip:hover{border-color:var(--accent);color:var(--text)}
.urd-calc .chip.active{background:var(--accent);color:#0f0e0c;border-color:var(--accent);font-weight:600}
.urd-calc .calc-result{background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.urd-calc .calc-total{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:10px;font-weight:500}
.urd-calc .calc-sum{font-size:48px;font-weight:600;color:var(--accent2);margin-bottom:8px;letter-spacing:-0.025em;line-height:1}
.urd-calc .calc-note{color:var(--text2);font-size:14px;margin-bottom:18px}
.urd-calc .calc-includes{font-size:13px;color:var(--muted);line-height:1.7;padding:14px 0;border-top:1px solid var(--line)}
.urd-calc .calc-includes b{color:var(--text2);font-weight:500;display:block;margin-bottom:4px}
.urd-calc .calc-breakdown{border-top:1px solid var(--line);padding-top:14px;margin-top:6px}
.urd-calc .calc-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}
.urd-calc .calc-row span:last-child{color:var(--text);font-weight:500}
.urd-calc .calc-row span:first-child{color:var(--muted)}
.urd-calc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;background:var(--accent);color:#0f0e0c;border-radius:100px;font-weight:600;font-size:14px;transition:all .25s;width:100%;margin-top:20px}
.urd-calc .btn:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(230,184,122,0.5)}
.urd-calc .btn-arrow{transition:transform .25s}
.urd-calc .btn:hover .btn-arrow{transform:translateX(4px)}
@media(max-width:960px){.urd-calc{padding:72px 0}.urd-calc .calc{grid-template-columns:1fr;gap:36px;padding:28px}.urd-calc .sec-num{font-size:80px;right:16px}}
@media(max-width:560px){.urd-calc [data-calc="size"]{grid-template-columns:repeat(4,1fr)}.urd-calc .calc-sum{font-size:38px}.urd-calc .calc-result{padding:24px}}
/* --- part 9 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-tl *{box-sizing:border-box;margin:0;padding:0}
.urd-tl{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-tl .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none}
.urd-tl .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-tl .section-head{margin-bottom:56px;max-width:760px}
.urd-tl h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-tl .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65}
.urd-tl .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.urd-tl .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-tl .tl-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.urd-tl .timeline{position:relative;padding-left:36px}
.urd-tl .timeline::before{content:'';position:absolute;left:9px;top:6px;bottom:6px;width:1px;background:var(--line2)}
.urd-tl .tl-item{position:relative;padding-bottom:36px;cursor:pointer;transition:all .3s}
.urd-tl .tl-item:last-child{padding-bottom:0}
.urd-tl .tl-item::before{content:'';position:absolute;left:-27px;top:6px;width:18px;height:18px;background:var(--bg);border:1px solid var(--line2);border-radius:50%;transition:all .35s;box-sizing:border-box}
.urd-tl .tl-item.active::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px rgba(200,153,104,0.15)}
.urd-tl .tl-num{font-size:11px;color:var(--accent2);font-weight:600;letter-spacing:0.15em;margin-bottom:6px}
.urd-tl .tl-title{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--text);letter-spacing:-0.01em}
.urd-tl .tl-item:not(.active) .tl-title{color:var(--text2)}
.urd-tl .tl-desc{color:var(--muted);font-size:14px;max-width:480px;line-height:1.6}
.urd-tl .tl-image{position:sticky;top:40px;align-self:start;aspect-ratio:4/5;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .5s ease}
@media(max-width:960px){.urd-tl{padding:72px 0}.urd-tl .tl-grid{grid-template-columns:1fr;gap:36px}.urd-tl .tl-image{position:relative;top:0}.urd-tl .sec-num{font-size:80px;right:16px}}
/* --- part 10 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-rev *{box-sizing:border-box;margin:0;padding:0}
.urd-rev{background:var(--bg2);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-rev::before,.urd-rev::after{content:'';position:absolute;left:0;right:0;height:80px;pointer-events:none}
.urd-rev::before{top:0;background:linear-gradient(180deg,var(--bg) 0%,transparent 100%)}
.urd-rev::after{bottom:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%)}
.urd-rev .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none;z-index:1}
.urd-rev .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-rev .section-head{margin-bottom:56px;max-width:760px}
.urd-rev h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-rev .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65}
.urd-rev .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.urd-rev .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-rev .reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.urd-rev .review{aspect-ratio:9/16;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative;cursor:pointer;transition:all .35s}
.urd-rev .review:hover{transform:translateY(-6px);border-color:var(--line2)}
.urd-rev .review-bg{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,0.9) 100%)}
.urd-rev .review-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(236,232,224,0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0f0e0c;font-size:18px;transition:all .3s}
.urd-rev .review:hover .review-play{transform:translate(-50%,-50%) scale(1.1);background:var(--accent2)}
.urd-rev .review-info{position:absolute;bottom:0;left:0;right:0;padding:22px;z-index:1}
.urd-rev .review-name{font-weight:600;margin-bottom:4px;color:var(--text)}
.urd-rev .review-proj{font-size:13px;color:var(--accent2)}
@media(max-width:960px){.urd-rev{padding:72px 0}.urd-rev .reviews-grid{grid-template-columns:repeat(2,1fr)}.urd-rev .sec-num{font-size:80px;right:16px}}
/* --- part 11 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-faq *{box-sizing:border-box;margin:0;padding:0}
.urd-faq{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-faq .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none}
.urd-faq .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-faq .section-head{margin-bottom:56px;max-width:760px;text-align:center;margin-left:auto;margin-right:auto}
.urd-faq h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.05}
.urd-faq .sub{color:var(--text2);font-size:17px;max-width:640px;line-height:1.65;margin-left:auto;margin-right:auto}
.urd-faq .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px;justify-content:center}
.urd-faq .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-faq .faq-list{max-width:860px;margin:0 auto}
.urd-faq .faq-item{border-bottom:1px solid var(--line);padding:22px 0;cursor:pointer}
.urd-faq .faq-q{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:17px;font-weight:500;color:var(--text)}
.urd-faq .faq-toggle{flex-shrink:0;width:28px;height:28px;border:1px solid var(--line2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent2);transition:all .3s;font-size:14px}
.urd-faq .faq-item.open .faq-toggle{background:var(--accent);color:#0f0e0c;border-color:var(--accent);transform:rotate(45deg)}
.urd-faq .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,margin-top .4s ease;color:var(--text2);font-size:15px;line-height:1.7}
.urd-faq .faq-item.open .faq-a{max-height:600px;margin-top:14px}
@media(max-width:960px){.urd-faq{padding:72px 0}.urd-faq .sec-num{font-size:80px;right:16px}}
/* --- part 12 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--card:#1f1d19;--line:#2a2722;--line2:#3a3530;--text:#ece8e0;--text2:#c9c2b3;--muted:#9a9388;--accent:#c89968;--accent2:#e6b87a}
.urd-cnt *{box-sizing:border-box;margin:0;padding:0}
.urd-cnt{background:var(--bg2);color:var(--text);font-family:'Inter',sans-serif;padding:100px 0;position:relative}
.urd-cnt::before,.urd-cnt::after{content:'';position:absolute;left:0;right:0;height:80px;pointer-events:none}
.urd-cnt::before{top:0;background:linear-gradient(180deg,var(--bg) 0%,transparent 100%)}
.urd-cnt::after{bottom:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%)}
.urd-cnt a{color:inherit;text-decoration:none}
.urd-cnt .sec-num{position:absolute;right:32px;top:40px;font-size:140px;font-weight:700;color:rgba(200,153,104,0.045);letter-spacing:-0.06em;line-height:1;pointer-events:none;user-select:none;z-index:1}
.urd-cnt .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.urd-cnt .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:18px}
.urd-cnt .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.urd-cnt .contact-modern{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch}
.urd-cnt .contact-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:48px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.urd-cnt .contact-card.primary{background:linear-gradient(135deg,rgba(200,153,104,0.08) 0%,var(--card) 60%);border-color:var(--line2)}
.urd-cnt .contact-card.primary::before{content:'';position:absolute;top:-40%;right:-30%;width:80%;height:160%;background:radial-gradient(circle,rgba(200,153,104,0.10),transparent 60%);pointer-events:none}
.urd-cnt .contact-card h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;letter-spacing:-0.025em;line-height:1.1;margin-bottom:16px;color:var(--text);position:relative;z-index:1}
.urd-cnt .contact-card .sub{color:var(--text2);font-size:16px;line-height:1.6;margin-bottom:28px;position:relative;z-index:1}
.urd-cnt .msg-list{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.urd-cnt .msg-row{display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(15,14,12,0.4);border:1px solid var(--line);border-radius:16px;transition:all .25s;color:var(--text)}
.urd-cnt .msg-row:hover{border-color:var(--accent);transform:translateX(4px);background:rgba(200,153,104,0.05)}
.urd-cnt .msg-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg2)}
.urd-cnt .msg-row.tg .msg-icon{background:rgba(34,158,217,0.12);color:#229ED9}
.urd-cnt .msg-row.wa .msg-icon{background:rgba(37,211,102,0.12);color:#25D366}
.urd-cnt .msg-row.mx .msg-icon{background:rgba(200,153,104,0.12);color:var(--accent2)}
.urd-cnt .msg-info{flex:1;display:flex;flex-direction:column;gap:2px}
.urd-cnt .msg-name{font-size:15px;font-weight:600;color:var(--text)}
.urd-cnt .msg-handle{font-size:13px;color:var(--muted)}
.urd-cnt .msg-arrow{color:var(--muted);transition:all .25s}
.urd-cnt .msg-row:hover .msg-arrow{color:var(--accent2);transform:translateX(2px)}
.urd-cnt .contact-side{display:flex;flex-direction:column;gap:20px}
.urd-cnt .contact-info{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;flex:1;display:flex;flex-direction:column;gap:18px}
.urd-cnt .contact-info-row{display:flex;flex-direction:column;gap:4px}
.urd-cnt .contact-info-row .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:500}
.urd-cnt .contact-info-row .val{font-size:15px;color:var(--text);font-weight:500}
.urd-cnt .contact-info-row .val a{color:var(--text);transition:color .2s}
.urd-cnt .contact-info-row .val a:hover{color:var(--accent2)}
.urd-cnt .contact-info-divider{height:1px;background:var(--line)}
.urd-cnt .contact-status{display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(37,211,102,0.06);border:1px solid rgba(37,211,102,0.2);border-radius:14px;font-size:13px;color:var(--text2)}
.urd-cnt .contact-status-dot{width:8px;height:8px;background:#25D366;border-radius:50%;box-shadow:0 0 0 4px rgba(37,211,102,0.2);animation:urdCntPulse 2s infinite}
@keyframes urdCntPulse{0%,100%{opacity:1}50%{opacity:0.5}}
.urd-cnt .consent{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);position:relative;z-index:1}
.urd-cnt .consent input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:var(--accent);cursor:pointer}
.urd-cnt .consent label{font-size:12px;color:var(--muted);line-height:1.55;cursor:pointer}
.urd-cnt .consent label a{color:var(--text2);text-decoration:underline;text-underline-offset:2px}
.urd-cnt .consent label a:hover{color:var(--accent2)}
@media(max-width:960px){.urd-cnt{padding:72px 0}.urd-cnt .contact-modern{grid-template-columns:1fr}.urd-cnt .contact-card{padding:36px 28px}.urd-cnt .sec-num{font-size:80px;right:16px}}
/* --- part 13 --- */
:root{--bg:#0f0e0c;--bg2:#1a1815;--accent:#d4a574;--accent2:#e8c99a;--ember:#e8804c;--ember2:#ed9463;--text:#f0ebdf;--text2:#a39a8d;--line:rgba(212,165,116,.14)}
body, body *{font-family:'Manrope','Helvetica Neue',Arial,sans-serif !important}
html{scroll-behavior:smooth;scroll-padding-top:80px}
section h1 span, section h2 span{color:var(--accent) !important}
.btn-primary{background:var(--ember) !important;color:#1a1210 !important;border-color:var(--ember) !important;border-radius:999px !important;font-weight:700 !important}
.btn-primary:hover{background:var(--ember2) !important}
.btn-outline,.btn{border-radius:999px !important}
.chip.active{background:var(--ember) !important;border-color:var(--ember) !important;color:#1a1210 !important}
.sec-num{color:rgba(212,165,116,.07) !important}
/* hero (v1) */
.bn-pill{display:inline-flex;align-items:center;gap:8px;margin:18px 0 10px;padding:7px 14px;border:1px solid rgba(212,165,116,.25);border-radius:999px;color:var(--text2);font-size:13px}
.bn-pill i{width:7px;height:7px;border-radius:50%;background:var(--ember);display:inline-block}
.bn-sub{color:var(--accent);font-size:26px;font-weight:700;margin:6px 0 14px}
.bn-price{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 18px;font-size:19px;color:var(--text)}
.bn-price b{padding:8px 14px;background:rgba(232,128,76,.12);border:1px solid rgba(232,128,76,.35);border-radius:12px}
.bn-trust{display:grid;grid-template-columns:repeat(4,auto);gap:28px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.bn-big{font-size:30px;font-weight:800;color:var(--text);line-height:1}.bn-big small{font-size:15px;color:var(--text2);font-weight:600}
.bn-stars{color:var(--ember);font-size:13px;letter-spacing:2px;margin:4px 0}
.bn-lbl{font-size:13px;color:var(--text2);margin-top:6px}
.bn-gift{margin-top:18px;display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:12px;background:rgba(212,165,116,.06);border:1px solid rgba(212,165,116,.15);font-size:14px;color:var(--text2)}
.bn-gift b{color:var(--text)}
.configurator{position:relative}
.bn-real{position:absolute;top:-34px;right:0;font-size:12px;color:var(--text2);background:rgba(15,14,12,.7);border:1px solid rgba(212,165,116,.2);padding:5px 10px;border-radius:999px}
.todo{display:inline-block;margin-left:6px;padding:1px 7px;border:1px dashed #e8804c;border-radius:6px;color:#e8804c;font-size:11px;font-weight:600;vertical-align:middle;line-height:1.6}
/* header + float */
.bn-head{position:sticky;top:0;z-index:50;background:rgba(15,14,12,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bn-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.bn-head-in{display:flex;align-items:center;gap:28px;height:68px}
.bn-logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.12em}
.bn-head nav{display:flex;gap:22px;margin-left:12px}.bn-head nav a{color:var(--text2);text-decoration:none;font-size:14px}.bn-head nav a:hover{color:var(--text)}
.bn-phone{margin-left:auto;color:var(--text);text-decoration:none;font-weight:700;font-size:15px}
.bn-head-cta{padding:10px 18px !important;font-size:14px !important}
.bn-float{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:8px;padding:14px 18px;border-radius:999px;background:var(--ember);color:#1a1210;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.45)}
/* common new sections */
.bn-sec{padding:100px 0;color:var(--text);position:relative}
.bn-h2{font-size:clamp(32px,4.2vw,52px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:0 0 18px}
.bn-lead-p{color:var(--text2);max-width:720px;font-size:16px;line-height:1.6;margin:0 0 40px}
.bn-band{background:linear-gradient(90deg,rgba(232,128,76,.10),rgba(212,165,116,.04));border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text);padding:44px 0}
.bn-band-in{display:flex;align-items:center;justify-content:space-between;gap:32px}
.bn-band-t{font-size:28px;font-weight:800;letter-spacing:-.01em}.bn-band-s{color:var(--text2);margin-top:8px;max-width:640px;line-height:1.55}
.bn-band-b{display:flex;gap:12px;flex-shrink:0}
.bn-band .btn,.bn-sec .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;text-decoration:none;border:1px solid var(--line);color:var(--text);font-weight:600}
/* before/after */
.bn-ba{background:var(--bg2)}
.bn-ba-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:stretch}
.bn-ba-box{position:relative;border-radius:20px;overflow:hidden;min-height:440px;border:1px solid var(--line);cursor:ew-resize;user-select:none}
.bn-ba-img{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px}
.bn-ba-img span{background:rgba(15,14,12,.75);padding:6px 12px;border-radius:999px;font-size:13px;color:var(--text)}
.bn-ba-after{background:linear-gradient(160deg,#5a4630,#2b2219 55%,#15110d);justify-content:flex-end}
.bn-ba-before{background:linear-gradient(160deg,#2f3a3a,#1c2222 55%,#0f1313);clip-path:inset(0 50% 0 0)}
.bn-ba-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ember)}
.bn-ba-handle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--ember);color:#1a1210;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800}
.bn-ba-side{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:20px;padding:28px}
.bn-ba-side p,.bn-ba-side li{color:var(--text2);line-height:1.6;font-size:15px}.bn-ba-side ul{padding-left:18px;margin:0 0 22px}
.bn-ba-k{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent2);margin:6px 0 8px;font-weight:700}
/* fears */
.bn-fears{background:var(--bg)}
.bn-fears-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bn-fear{border:1px solid var(--line);border-radius:20px;padding:24px;background:rgba(255,255,255,.02)}
.bn-q{color:var(--text2);font-size:15px;font-style:italic;margin-bottom:14px;min-height:44px}
.bn-a{font-size:19px;font-weight:800;color:var(--text);margin-bottom:10px;padding-top:14px;border-top:1px solid var(--line)}
.bn-fear p{color:var(--text2);font-size:14px;line-height:1.6;margin:0}
/* calc lead */
.bn-lead{margin-top:22px;padding:18px;border-radius:16px;border:1px solid rgba(232,128,76,.3);background:rgba(232,128,76,.06)}
.bn-lead-t{font-weight:700;margin-bottom:12px}
.bn-lead-row{display:flex;gap:10px}.bn-lead-row input{flex:1;background:#0f0e0c;border:1px solid var(--line);border-radius:999px;padding:12px 16px;color:var(--text);font-size:15px}
.bn-lead-row .btn{white-space:nowrap}
.bn-lead-msg{display:flex;gap:14px;align-items:center;margin-top:12px;font-size:13px;color:var(--text2)}.bn-lead-msg a{color:var(--accent);text-decoration:none;font-weight:600}
/* rating */
.bn-rt-row{display:flex;align-items:center;gap:22px}
.bn-rating-in{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center}
.bn-rt-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:rgba(255,255,255,.02)}
.bn-rt-k{font-size:13px;color:var(--text2)}.bn-rt-n{font-size:56px;font-weight:800;line-height:1.1;margin-top:8px}.bn-rt-n small{font-size:20px;color:var(--text2)}
.bn-rt-s{color:var(--text2);font-size:14px;line-height:1.6;margin:10px 0 18px}
@media (max-width:900px){.bn-head nav{display:none}.bn-band-in,.bn-ba-grid,.bn-rating-in{display:block}.bn-fears-grid{grid-template-columns:1fr 1fr}.bn-trust{grid-template-columns:1fr 1fr}.bn-band-b{margin-top:18px}}
/* --- preview mode (site not public yet) --- */
.pv-bar{position:relative;z-index:70;background:#e8804c;color:#1a1210;text-align:center;font:600 13px/1.4 Manrope,Arial,sans-serif;padding:7px 12px}
html:not([data-preview]) .pv-bar, html:not([data-preview]) .todo{display:none !important}
.bn-lead-legal{margin-top:10px;font-size:12px;color:var(--text2)}.bn-lead-legal a{color:var(--text2)}
.bn-lead-legal{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.bn-lead-legal input{margin-top:2px;accent-color:#e8804c}.bn-lead-legal.need{color:#e8804c}
.ck{position:fixed;left:24px;bottom:24px;z-index:80;max-width:420px;background:#1a1815;border:1px solid rgba(212,165,116,.22);border-radius:16px;padding:16px 18px;color:#c9c2b3;font-size:13px;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ck a{color:#d4a574}.ck-b{display:flex;gap:8px;margin-top:12px}.ck-b button{border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;border:1px solid rgba(212,165,116,.3);background:transparent;color:#f0ebdf}
.ck-b button[data-ck="all"]{background:#e8804c;border-color:#e8804c;color:#1a1210}
@media (max-width:600px){.ck{left:12px;right:12px;bottom:84px;max-width:none}}
/* --- mobile fixes (2026-10-17) --- */
.urd-hero .hero-brand{display:none}
.urd-calc .calc > *{min-width:0}
@media (max-width:760px){
  .bn-wrap{padding:0 16px}
  .bn-head-in{gap:12px;height:60px}
  .bn-phone{font-size:0;width:40px;height:40px;border:1px solid rgba(212,165,116,.3);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
  .bn-phone::before{content:"☎";font-size:18px;color:#f0ebdf}
  .bn-head-cta{padding:9px 14px !important;font-size:13px !important;white-space:nowrap}
  .bn-sub{font-size:20px;line-height:1.3}
  .bn-price{font-size:16px}
  .bn-trust{gap:18px}
  .bn-big{font-size:24px}
  .bn-float span{display:none}
  .bn-float{padding:14px;right:16px;bottom:16px;font-size:20px}
  .bn-band-t{font-size:22px}
  .bn-band-b{flex-wrap:wrap}
  .bn-lead-row{flex-direction:column}
  .bn-lead-msg{flex-wrap:wrap}
  .bn-fears-grid{grid-template-columns:1fr}
  .bn-ba-box{min-height:300px}
  .bn-ba-side{margin-top:18px}
  .bn-real{position:static;display:inline-block;margin-bottom:10px}
  .urd-calc .calc{padding:16px !important}
  .urd-calc [data-calc="size"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .urd-calc .chip{padding:10px 8px;min-width:0}
  .urd-calc .calc-sum{font-size:34px}
  .bn-rt-row{gap:14px}.bn-rt-n{font-size:40px}
  .pv-bar{font-size:12px}
}
.bn-head a,.bn-band a,.bn-sec a.btn,.bn-float{text-decoration:none !important}
.bn-ba-after{align-items:flex-start}
/* --- services (from Маша's list) --- */
.bn-svc{background:var(--bg2)}
.bn-svc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.bn-svc-i{border:1px solid var(--line);border-radius:20px;padding:22px;background:rgba(255,255,255,.02)}
.bn-svc-i b{color:var(--ember);font-size:13px;letter-spacing:.12em}
.bn-svc-t{font-size:18px;font-weight:800;margin:10px 0 8px;color:var(--text)}
.bn-svc-i p{color:var(--text2);font-size:14px;line-height:1.6;margin:0}
/* top padding was 8 px (leftover from the removed picture), the tag touched the border (owner screenshot 17.10) */
.urd-cuts .cut-card{padding:32px}
.urd-cuts .cut-meta{margin-bottom:16px}
@media (max-width:760px){.urd-cuts .cut-card{padding:24px}}
@media (max-width:900px){.bn-svc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.bn-svc-grid{grid-template-columns:1fr}}
.sec-num{display:none !important}
.bn-foot{border-top:1px solid var(--line);padding:28px 0 90px;color:var(--text2);font-size:13px;line-height:1.7}.bn-foot b{color:var(--text)}.bn-foot a{color:var(--text2)}.bn-foot-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bn-lead-p a{color:var(--accent)}
/* --- 2026-10-17 pass 2: no catalog, small fixes desktop + mobile --- */
/* header logo: the «У» badge was unstyled outside the hero */
.bn-logo .logo-mark{width:30px;height:30px;border:1px solid var(--accent);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--accent2);font-size:13px;font-weight:700;letter-spacing:0;flex-shrink:0}
/* header never wraps (phone and «Что делаем» broke into two lines at 900–1150 px) */
.bn-head nav a,.bn-phone,.bn-head-cta{white-space:nowrap}
@media (max-width:1150px) and (min-width:901px){.bn-head-in{gap:18px}.bn-head nav{gap:16px;margin-left:0}.bn-head nav a{font-size:13px}.bn-phone{font-size:14px}}
/* one content width for every section (bn-* blocks were 1240/32 px, the rest 1280/24 px) */
.bn-wrap{max-width:1280px;padding:0 24px;box-sizing:border-box}
/* hero without the project filter: one column */
.urd-hero .hero-grid{grid-template-columns:1fr;max-width:1280px}
.urd-hero .hero-grid>div{max-width:760px}
.urd-hero .hero-cta{margin-bottom:0}
/* «Что делаем»: same eyebrow and heading as the other sections */
.bn-sec .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:0.18em;font-weight:600;margin-bottom:20px}
.bn-sec .eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.bn-h2{font-weight:600;margin-bottom:20px}
/* calculator: Telegram / «Позвонить» were filled beige like the main button */
.urd-calc .bn-lead-row .btn{width:auto;margin-top:0;flex:1}
.urd-calc .bn-lead-row .btn:not(.btn-primary){background:transparent;color:var(--text);border:1px solid rgba(212,165,116,.3)}
.urd-calc .bn-lead-row .btn:not(.btn-primary):hover{border-color:var(--accent);background:rgba(212,165,116,.08);box-shadow:none}
@media (max-width:960px){
  .urd-hero{padding:48px 0 56px}
  .bn-sec{padding:72px 0}
}
@media (max-width:760px){
  .bn-wrap,.urd-hero .wrap,.urd-wood .wrap,.urd-cuts .wrap,.urd-calc .wrap,.urd-faq .wrap,.urd-cnt .wrap{padding-left:20px;padding-right:20px}
  .urd-hero{padding:36px 0 48px}
  .urd-hero .hero-cta .btn{flex:1 1 100%}
  .urd-calc .bn-lead-row .btn{flex:none;width:100%}
  .urd-calc .calc-result{padding:20px}
  /* three nested boxes squeezed the result on phones: the outer one is only a frame here */
  .urd-calc .calc{padding:0 !important;border:0;background:none;overflow:visible}
  .urd-calc .calc::before{display:none}
}
/* small phones (320–380 px): header button no longer touches the screen edge */
@media (max-width:380px){.bn-head-in{gap:8px}.bn-logo{letter-spacing:.06em;gap:8px}.bn-phone{width:36px;height:36px}.bn-head-cta{padding:8px 12px !important;font-size:12px !important}}
/* header phone: own line icon instead of the «☎» character (iOS drew it as a red emoji telephone) */
.bn-phone-ic{display:none;color:var(--accent2)}
@media (max-width:760px){.bn-phone::before{content:none}.bn-phone span{display:none}.bn-phone-ic{display:block}}
/* round contact button: menu WhatsApp / Telegram / Позвонить (2026-10-17) */
.bn-float-wrap{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.bn-float-wrap .bn-float{position:static;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:15px;line-height:1}
.bn-float-ic,.bn-float-x{display:block;flex-shrink:0}
.bn-float-x{display:none}
.bn-float.open .bn-float-ic{display:none}.bn-float.open .bn-float-x{display:block}
.bn-float-menu{min-width:210px;background:#1a1815;border:1px solid rgba(212,165,116,.22);border-radius:18px;padding:8px;box-shadow:0 12px 32px rgba(0,0,0,.55)}
.bn-float-menu[hidden]{display:none}
.bn-fm{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--text) !important;text-decoration:none !important;font-weight:600;font-size:15px}
.bn-fm:hover,.bn-fm:active{background:rgba(212,165,116,.08)}
.bn-fm i{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bn-fm.wa i{background:rgba(37,211,102,.12);color:#25d366}
.bn-fm.tg i{background:rgba(42,171,238,.12);color:#2aabee}
.bn-fm.ph i{background:rgba(232,128,76,.14);color:var(--ember)}
@media (max-width:760px){.bn-float-wrap{right:16px;bottom:16px}.bn-float-wrap .bn-float{width:56px;height:56px;padding:0;justify-content:center}}
/* calculator «Обсудить этот расчет» on computers: three buttons did not fit the box (owner screenshot 17.10). WhatsApp on its own row, Telegram + «Позвонить» halves below */
@media (min-width:761px){.urd-calc .bn-lead-row{flex-wrap:wrap}.urd-calc .bn-lead-row .btn{min-width:0;padding:14px 16px;margin-top:0}.urd-calc .bn-lead-row .btn-primary{flex:1 1 100%;border:1px solid var(--ember)}.urd-calc .bn-lead-row .btn:not(.btn-primary){flex:1 1 0}}
/* first screen on computers (owner 17.10: «самый верх страницы выглядит плохо (компановка)»): after the filter was removed the block kept its tall height,
   the text sat low and the right half was empty. Now: height fits the screen, text left, facts card right. */
.hero-facts{display:none}
@media (min-width:961px){
  .urd-hero{box-sizing:border-box;min-height:min(calc(100vh - 69px),820px);padding:56px 0 88px}
  .urd-hero .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center}
  .urd-hero .hero-grid>div{max-width:none}
  .urd-hero .bn-pill{margin-top:0}
  .hero-facts{display:flex;flex-direction:column;background:rgba(26,24,21,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(212,165,116,.16);border-radius:24px;padding:10px 28px}
  .hf-row{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(212,165,116,.12)}
  .hf-row:last-child{border-bottom:0}
  .hf-row i{width:44px;height:44px;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent2);flex-shrink:0}
  .hf-row b{display:block;color:var(--text);font-size:17px;font-weight:700;margin:2px 0 4px}
  .hf-row span{display:block;color:var(--text2);font-size:14px;line-height:1.5}
}
.urd-hero h1 span{padding-right:.08em}
/* --- 2026-10-17 pass 8 (owner screenshots: icons, wrap in the facts card, calmer «Обсудить этот расчет», align «Связь») --- */
/* facts card: one line per description on computers */
@media (min-width:1181px){
  .urd-hero .hero-grid{grid-template-columns:minmax(0,1fr) auto;gap:48px}
  .hero-facts{padding:8px 26px}
  .hf-row span{white-space:nowrap}
}
/* «Обсудить этот расчет»: neutral box, softer WhatsApp button */
.urd-calc .bn-lead{background:transparent;border:1px solid var(--line);padding:20px}
.urd-calc .bn-lead-t{font-size:15px;font-weight:600;color:var(--text2)}
.urd-calc .bn-lead-row .btn-primary{background:rgba(232,128,76,.14) !important;color:var(--ember2) !important;border:1px solid rgba(232,128,76,.45) !important;box-shadow:none}
.urd-calc .bn-lead-row .btn-primary:hover{background:rgba(232,128,76,.24) !important;transform:none}
.urd-calc .bn-lead-row .btn{font-size:14px;font-weight:600}
/* «Связь»: both cards same radius, padding and vertical rhythm */
@media (min-width:961px){.urd-cnt .contact-modern{grid-template-columns:1fr 1fr}}
.urd-cnt .contact-info{border-radius:24px;padding:48px;justify-content:center;gap:22px}
.urd-cnt .contact-info-row .val{font-size:16px}
@media (max-width:960px){.urd-cnt .contact-info{padding:36px 28px}}
/* phones: one inner padding for all cards (was 32 / 28 / 24 / 22 px in different blocks) */
@media (max-width:760px){.urd-wood .wood-card,.bn-svc-i,.urd-cnt .contact-card,.urd-cnt .contact-info{padding:24px}}
/* --- 2026-10-17 pass 10 (owner: «самый верх в мобилке поправить, сейчас он перегружен и некрасиво скомпанован») --- */
/* phones: header = logo + phone only (the hero has its own «Рассчитать смету»); hero = headline, one paragraph, two buttons, facts as a compact 2×2 grid
   instead of the pill and the orange subtitle (both repeated the paragraph). */
@media (max-width:760px){
  .bn-head-cta{display:none !important}
  .bn-head-in{justify-content:space-between}
  .urd-hero{padding:32px 0 40px}
  .urd-hero .hero-grid{gap:28px}
  .urd-hero .bn-pill,.urd-hero .bn-sub{display:none}
  .urd-hero h1{font-size:clamp(32px,9vw,38px);line-height:1.08;margin:0 0 16px}
  .urd-hero .lead{font-size:16px;line-height:1.6;margin:0 0 24px}
  .urd-hero .hero-cta{gap:10px}
  .urd-hero .hero-cta .btn{padding:15px 20px;font-size:15px}
  .hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hf-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(212,165,116,.14);border-radius:14px;background:rgba(26,24,21,.6)}
  .hf-row i{width:32px;height:32px;border:1px solid rgba(212,165,116,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent2);flex-shrink:0}
  .hf-row i svg{width:16px;height:16px}
  .hf-row b{display:block;color:var(--text);font-size:13px;font-weight:700;line-height:1.25}
  .hf-row span{display:none}
}
@media (max-width:380px){.hero-facts{gap:8px}.hf-row{padding:10px;gap:8px}.hf-row i{width:28px;height:28px}.hf-row i svg{width:14px;height:14px}.hf-row b{font-size:12.5px}}
/* pass 11 (owner: «чуть побольше воздуха на мобилке»): more space between headline, paragraph, buttons and facts on phones */
@media (max-width:760px){
  .urd-hero{padding:48px 0 64px}
  .urd-hero .hero-grid{gap:40px}
  .urd-hero h1{margin:0 0 22px}
  .urd-hero .lead{line-height:1.7;margin:0 0 36px}
  .urd-hero .hero-cta{gap:14px}
  .hero-facts{gap:12px}
  .hf-row{padding:14px 12px}
}
@media (max-width:380px){.urd-hero{padding:40px 0 56px}.hero-facts{gap:10px}}
/* pass 12 (owner 17.10): round chat button hidden on the first screen and over «Связь» (messengers.js toggles .is-hidden) */
.bn-float-wrap{transition:opacity .25s ease,transform .25s ease,visibility 0s linear 0s}
.bn-float-wrap.is-hidden{opacity:0;transform:translateY(16px) scale(.92);pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
/* --- 2026-10-17 pass 13 (owner: «сайт сделать для воронки, а не как информацию о нас»): hero offer + 3 trust facts, calculator right after the hero,
   «Что вы получаете» (benefits), «Дело одной семьи», FAQ as objections, contact = «Получите смету» --- */
.urd-wood .section-head .sub a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px}
.urd-family{background:var(--bg);border-top:1px solid rgba(212,165,116,.12)}
.urd-family-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.urd-family-in p{color:var(--text2);font-size:18px;line-height:1.7;margin:0 0 18px;max-width:640px}
.urd-family-in .btn{margin-top:14px;display:inline-flex}
.urd-family .bn-h2{margin-top:10px}
@media (max-width:960px){.urd-family-in{grid-template-columns:1fr;gap:20px}}
@media (max-width:760px){
  .urd-family-in p{font-size:16px}
  .urd-family-in .btn{width:100%;box-sizing:border-box;justify-content:center}
  .hero-facts{grid-template-columns:repeat(3,1fr);gap:10px}
  .hf-row{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 8px}
  .hf-row b{font-size:12.5px}
}
@media (max-width:380px){.hero-facts{grid-template-columns:repeat(3,1fr);gap:8px}.hf-row{padding:12px 6px}.hf-row b{font-size:11.5px}}
/* --- pass 14 (owner: «на телефоне острые разрывы без связи у фона», «желтый градиент на фоне сделать анимированным, но очень ненавязчивым») ---
   Every block keeps its own tone, but each one fades into the common base color at its top and bottom, so neighbours meet without a step.
   The warm glow behind the first screen (and the glows in the calculator and contact cards) slowly drift and breathe. */
.urd-calc,.urd-wood,.urd-cnt{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 160px,var(--bg2) calc(100% - 160px),var(--bg) 100%)}
.urd-family{border-top:0}
.urd-hero .hero-bg::before{background:
  radial-gradient(ellipse 60% 45% at 10% 90%,rgba(184,147,95,0.05),transparent 55%),
  linear-gradient(180deg,rgba(15,14,12,0) 45%,rgba(15,14,12,0.9) 85%,#0f0e0c 100%)}
.urd-hero .hero-bg::after{content:'';position:absolute;left:-10%;right:-10%;top:-15%;height:85%;z-index:4;pointer-events:none;
  background:radial-gradient(ellipse 55% 50% at 72% 30%,rgba(212,172,116,0.13),rgba(212,172,116,0.04) 45%,transparent 70%);
  animation:urdGlow 22s ease-in-out infinite alternate}
.urd-calc .calc::before,.urd-cnt .contact-card.primary::before{animation:urdGlow 26s ease-in-out infinite alternate}
@keyframes urdGlow{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.75}
  50%{transform:translate3d(-6%,4%,0) scale(1.08);opacity:1}
  100%{transform:translate3d(4%,-3%,0) scale(1.03);opacity:.85}}
@media (max-width:760px){
  .urd-calc,.urd-wood,.urd-cnt{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 110px,var(--bg2) calc(100% - 110px),var(--bg) 100%)}
  .urd-hero .hero-bg::after{top:-5%;height:70%;background:radial-gradient(ellipse 90% 45% at 70% 25%,rgba(212,172,116,0.14),rgba(212,172,116,0.04) 45%,transparent 72%)}
}
@media (prefers-reduced-motion:reduce){.urd-hero .hero-bg::after,.urd-calc .calc::before,.urd-cnt .contact-card.primary::before{animation:none}}
/* pass 15 (owner: «блоки оставь зимний лес, ручная рубка, полный цикл, по договору»): four facts, on phones a 2×2 grid with the icon left of the title */
@media (max-width:760px){
  .hero-facts{grid-template-columns:1fr 1fr;gap:10px}
  .hf-row{flex-direction:row;align-items:center;text-align:left;gap:10px;padding:12px}
  .hf-row b{font-size:13px}
}
@media (max-width:380px){.hero-facts{grid-template-columns:1fr 1fr;gap:8px}.hf-row{padding:10px;gap:8px}.hf-row b{font-size:12px}}
/* pass 16 (owner on the live funnel page, iPhone: «блоки как и прежде разорваны фоном», «анимацию не вижу») */
/* every block clips its own decoration (iOS Safari let transformed layers and glows spill over the neighbours) */
.urd-hero,.urd-calc,.urd-wood,.urd-faq,.urd-cnt{clip-path:inset(0);isolation:isolate}
@media (max-width:960px){.urd-hero .forest-layer{transform:none !important;will-change:auto}}
/* warm glow: still calm, but visible (was too faint to notice) */
.urd-hero .hero-bg::after{background:radial-gradient(ellipse 55% 50% at 72% 30%,rgba(212,172,116,0.22),rgba(212,172,116,0.07) 45%,transparent 70%);animation:urdGlow2 14s ease-in-out infinite alternate}
@keyframes urdGlow2{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.55}
  50%{transform:translate3d(-10%,6%,0) scale(1.12);opacity:1}
  100%{transform:translate3d(8%,-4%,0) scale(1.05);opacity:.7}}
@media (max-width:760px){.urd-hero .hero-bg::after{background:radial-gradient(ellipse 95% 50% at 70% 28%,rgba(212,172,116,0.24),rgba(212,172,116,0.07) 45%,transparent 72%)}}
@media (prefers-reduced-motion:reduce){.urd-hero .hero-bg::after{animation:none}}
/* pass 17 (owner iPhone screenshot 06:28): the faint warm spot at the bottom-left of the first screen was cut by the block edge,
   a lighter patch with a hard line on the left. The spot is gone, the first screen ends in the plain base color. */
.urd-hero .hero-bg::before{background:linear-gradient(180deg,rgba(15,14,12,0) 45%,rgba(15,14,12,0.9) 85%,#0f0e0c 100%)}
/* pass 18 (owner: «на вебе пятно фона сделать пониже, что бы плавало», «подвал пересобрать получше») */
@media (min-width:961px){
  .urd-hero .hero-bg::after{top:0;height:100%;left:-15%;right:-15%;
    background:radial-gradient(ellipse 45% 42% at 66% 58%,rgba(212,172,116,0.26),rgba(212,172,116,0.08) 45%,transparent 70%);
    animation:urdFloat 18s ease-in-out infinite alternate}
}
@keyframes urdFloat{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.65}
  33%{transform:translate3d(-9%,-7%,0) scale(1.08);opacity:1}
  66%{transform:translate3d(7%,5%,0) scale(1.04);opacity:.8}
  100%{transform:translate3d(-4%,8%,0) scale(1.1);opacity:.95}}
@media (prefers-reduced-motion:reduce){.urd-hero .hero-bg::after{animation:none}}
/* footer: brand, sections, pages, contacts; legal line and offer note below */
.bn-foot{border-top:1px solid rgba(212,165,116,.12);padding:64px 0 40px;color:var(--text2);font-size:14px;line-height:1.6;background:var(--bg)}
.ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.2fr;gap:40px}
.ft-brand .bn-logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.14em;font-size:15px}
.ft-brand p{margin:16px 0 0;max-width:280px;color:var(--text2)}
.ft-col{display:flex;flex-direction:column;gap:10px}
.ft-h{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.ft-col a{color:var(--text2);text-decoration:none;transition:color .2s}
.ft-col a:hover{color:var(--accent2)}
.ft-addr{color:#6f685e;font-size:13px;margin-top:4px}
.ft-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid rgba(212,165,116,.1);font-size:13px;color:#8a8378}
.ft-note{margin:12px 0 0;font-size:12px;color:#6f685e;max-width:760px}
@media (max-width:960px){.ft-grid{grid-template-columns:1fr 1fr;gap:32px}.ft-brand{grid-column:1/-1}}
@media (max-width:760px){
  .bn-foot{padding:48px 0 100px}
  .ft-grid{grid-template-columns:1fr 1fr;gap:28px 20px}
  .ft-col:last-child{grid-column:1/-1}
  .ft-bottom{flex-direction:column;gap:6px;margin-top:36px}
}
/* pass 19 (owner: «правый верхний угол. Пятно не вытянутое, а скорее овальное, мягкое перетечение по зацикленной траектории,
   чтобы края света заходили немного на условные 3 блока, если разделить экран пополам»).
   Computers: a soft oval (60vw × 52vw) centred in the top-right quarter (70% / 26%), its edges reach a little into the other three quarters;
   it travels a closed elliptical loop (8 points, linear, 26 s), so the motion never stops or reverses. */
@media (min-width:961px){
  .urd-hero .hero-bg::after{left:calc(70% - 30vw);right:auto;top:calc(26% - 26vw);width:60vw;height:52vw;border-radius:50%;
    background:radial-gradient(closest-side,rgba(212,172,116,0.24) 0%,rgba(212,172,116,0.17) 22%,rgba(212,172,116,0.10) 42%,rgba(212,172,116,0.055) 60%,rgba(212,172,116,0.024) 76%,rgba(212,172,116,0.007) 90%,rgba(212,172,116,0) 100%);
    animation:urdOrbit 26s linear infinite}
}
@keyframes urdOrbit{
  0%{transform:translate3d(0,0,0) scale(1)}
  12.5%{transform:translate3d(-2.8vw,0.9vw,0) scale(1.02)}
  25%{transform:translate3d(-4vw,3vw,0) scale(1.04)}
  37.5%{transform:translate3d(-2.8vw,5.1vw,0) scale(1.05)}
  50%{transform:translate3d(0,6vw,0) scale(1.06)}
  62.5%{transform:translate3d(2.8vw,5.1vw,0) scale(1.05)}
  75%{transform:translate3d(4vw,3vw,0) scale(1.03)}
  87.5%{transform:translate3d(2.8vw,0.9vw,0) scale(1.01)}
  100%{transform:translate3d(0,0,0) scale(1)}}
@media (prefers-reduced-motion:reduce){.urd-hero .hero-bg::after{animation:none}}
/* pass 20 (owner: «подвал на телефоне хорошо, на вебе плохо, выровняй и разложи получше. Без переносов на вторую строку»)
   computers: row 1 = logo + line; row 2 = Разделы / Страницы / Связь spread edge to edge; row 3 = legal left, © right; row 4 = offer note; nothing wraps */
.ft-brand p{max-width:none}
@media (min-width:961px){
  .ft-brand{display:flex;align-items:center;gap:24px;padding-bottom:32px;margin-bottom:36px;border-bottom:1px solid rgba(212,165,116,.1)}
  .ft-brand p{margin:0;white-space:nowrap}
  .ft-grid{grid-template-columns:repeat(3,max-content);justify-content:space-between;gap:48px}
  .ft-col a,.ft-col span,.ft-bottom div{white-space:nowrap}
  .ft-bottom{margin-top:40px}
}
@media (min-width:961px){.ft-note{white-space:nowrap;max-width:none}}
@media (max-width:960px){.ft-brand{margin-bottom:28px}.ft-brand p{max-width:280px}}
/* pass 21 (owner screenshot zoomed out: «при отдалении очень плохо с версткой и фоном»).
   On big windows the first screen stopped at 820 px in the middle of the window and the glow (sized in vw) grew huge and was cut by the block edge.
   Now: the glow sits under the bottom fade (no cut line), its size is capped and it is anchored to the content column, not the window;
   the first screen fills the window height up to 1000 px. */
.urd-hero .hero-bg::after{z-index:3}
@media (min-width:961px){
  .urd-hero{min-height:min(calc(100vh - 69px),1000px)}
  .urd-hero .hero-bg::after{
    width:min(60vw,820px);height:min(52vw,710px);
    left:calc(50% + min(20vw,300px) - min(30vw,410px));
    top:calc(26% - min(26vw,355px));
    animation-name:urdOrbitP}
}
@keyframes urdOrbitP{
  0%{transform:translate3d(0,0,0) scale(1)}
  12.5%{transform:translate3d(-4.7%,1.7%,0) scale(1.02)}
  25%{transform:translate3d(-6.7%,5.8%,0) scale(1.04)}
  37.5%{transform:translate3d(-4.7%,9.8%,0) scale(1.05)}
  50%{transform:translate3d(0,11.5%,0) scale(1.06)}
  62.5%{transform:translate3d(4.7%,9.8%,0) scale(1.05)}
  75%{transform:translate3d(6.7%,5.8%,0) scale(1.03)}
  87.5%{transform:translate3d(4.7%,1.7%,0) scale(1.01)}
  100%{transform:translate3d(0,0,0) scale(1)}}
@media (prefers-reduced-motion:reduce){.urd-hero .hero-bg::after{animation:none}}
/* pass 22 (owner: «стало хуже после последней правки», «центр света фона пусть ходит по углам блока, но только не по краю, а меняя траекторию через центр блока»).
   Computers: the glow lives behind the facts card (.hf-wrap::before), its centre goes corner → centre → next corner → centre …
   (TL, C, TR, C, BR, C, BL, C), each leg eased, 36 s per loop. The card is a bit more solid so its text stays clean. */
.hf-wrap{position:relative}
@media (min-width:961px){
  .urd-hero .hero-bg::after{display:none}
  .hero-facts{background:rgba(24,22,19,.84)}
  .hf-wrap::before{content:'';position:absolute;left:50%;top:50%;width:150%;height:150%;z-index:-1;pointer-events:none;border-radius:50%;
    background:radial-gradient(closest-side,rgba(212,172,116,0.26) 0%,rgba(212,172,116,0.17) 24%,rgba(212,172,116,0.09) 46%,rgba(212,172,116,0.04) 64%,rgba(212,172,116,0.012) 82%,rgba(212,172,116,0) 100%);
    transform:translate(-50%,-50%) translate(-33%,-33%);
    animation:urdCorners 36s ease-in-out infinite}
}
@keyframes urdCorners{
  0%,100%{transform:translate(-50%,-50%) translate(-33%,-33%)}
  12.5%{transform:translate(-50%,-50%) translate(0,0)}
  25%{transform:translate(-50%,-50%) translate(33%,-33%)}
  37.5%{transform:translate(-50%,-50%) translate(0,0)}
  50%{transform:translate(-50%,-50%) translate(33%,33%)}
  62.5%{transform:translate(-50%,-50%) translate(0,0)}
  75%{transform:translate(-50%,-50%) translate(-33%,33%)}
  87.5%{transform:translate(-50%,-50%) translate(0,0)}}
@media (prefers-reduced-motion:reduce){.hf-wrap::before{animation:none}}
/* pass 23 (owner: «стало хуже, я говорил про фон и разделение блоков», «свет фона не такой, раньше было лучше»).
   1) Light: back to the soft background oval of pass 21 (capped size, under the bottom fade), the glow behind the card is removed;
      its centre now travels the card's corners through the card centre (TL → C → TR → C → BR → C → BL → C), 40 s.
   2) Blocks: calc and «Что вы получаете» were both the lighter tone, each faded to dark at its edges, so a dark smeared stripe sat between them.
      Now tones alternate: hero dark → calc light → «Что вы получаете» dark → FAQ light → contacts dark → footer dark, one soft transition per edge. */
.hf-wrap::before{display:none !important}
@media (min-width:961px){
  .urd-hero .hero-bg::after{display:block;z-index:3;border-radius:50%;
    width:min(60vw,820px);height:min(52vw,710px);
    left:calc(min(100% - 24px, 50% + 616px) - 242px - min(30vw,410px));
    top:calc(47% - min(26vw,355px));
    background:radial-gradient(closest-side,rgba(212,172,116,0.24) 0%,rgba(212,172,116,0.17) 22%,rgba(212,172,116,0.10) 42%,rgba(212,172,116,0.055) 60%,rgba(212,172,116,0.024) 76%,rgba(212,172,116,0.007) 90%,rgba(212,172,116,0) 100%);
    animation:urdCardPath 40s ease-in-out infinite}
}
@keyframes urdCardPath{
  0%,100%{transform:translate3d(-242px,-197px,0)}
  12.5%{transform:translate3d(0,0,0)}
  25%{transform:translate3d(242px,-197px,0)}
  37.5%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(242px,197px,0)}
  62.5%{transform:translate3d(0,0,0)}
  75%{transform:translate3d(-242px,197px,0)}
  87.5%{transform:translate3d(0,0,0)}}
@media (prefers-reduced-motion:reduce){.urd-hero .hero-bg::after{animation:none}}
.urd-wood,.urd-cnt{background:var(--bg)}
.urd-faq{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 160px,var(--bg2) calc(100% - 160px),var(--bg) 100%)}
@media (max-width:760px){.urd-faq{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 110px,var(--bg2) calc(100% - 110px),var(--bg) 100%)}}
/* pass 24 (owner: «движение света нужно плавнее (как было раньше) и по свободной траектории, но центр не выходит дальше краев блока над ним»).
   The oval centre wanders inside the facts card: x and y move on their own slow eased waves with different periods (31 s and 23 s),
   so the path never repeats exactly and never stops; limits ±200 px / ±150 px keep the centre inside the card (≈ 484 × 394 px). */
@property --gx{syntax:'<length>';inherits:false;initial-value:0px}
@property --gy{syntax:'<length>';inherits:false;initial-value:0px}
@media (min-width:961px){
  .urd-hero .hero-bg::after{transform:translate3d(var(--gx),var(--gy),0);
    animation:urdGx 31s ease-in-out infinite alternate,urdGy 23s ease-in-out infinite alternate}
}
@keyframes urdGx{0%{--gx:-200px}35%{--gx:60px}60%{--gx:-40px}100%{--gx:200px}}
@keyframes urdGy{0%{--gy:-150px}45%{--gy:90px}70%{--gy:20px}100%{--gy:150px}}
@media (prefers-reduced-motion:reduce){.urd-hero .hero-bg::after{animation:none}}
/* pass 24b (owner: «диаметр света больше»): oval about 1.4× bigger, same centre and path */
@media (min-width:961px){
  .urd-hero .hero-bg::after{width:min(84vw,1150px);height:min(72vw,1000px);
    left:calc(min(100% - 24px, 50% + 616px) - 242px - min(42vw,575px));
    top:calc(47% - min(36vw,500px))}
}
/* pass 25 (plates, owner's pick C) was rolled back on 17.10 on his request (see pass 26); kept from it: the old dark fades in the benefits block stay off */
.urd-wood::before,.urd-wood::after{display:none}
/* pass 26 (owner: «фон хочу вернуть к градиенту между блоками, некоторые блоки на более светлом фоне, некоторые на более темном. Верх и низ страницы на темном»).
   Tones alternate: first screen dark → calculator light → «Что вы получаете» dark → questions light → contacts dark → footer dark.
   Every light block melts into the dark base over 200 px at its top and bottom (140 px on phones), so each edge is one soft gradient. */
.urd-wood,.urd-cnt{background:var(--bg) !important}
.urd-calc,.urd-faq{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 200px,var(--bg2) calc(100% - 200px),var(--bg) 100%) !important}
@media (max-width:760px){.urd-calc,.urd-faq{background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 140px,var(--bg2) calc(100% - 140px),var(--bg) 100%) !important}}
/* pass 27 (owner: «светлые части фона чуть шире должны выходить из своих блоков»).
   The light tone of the calculator and the questions is drawn by a layer that reaches 120 px (80 px on phones) beyond the block
   into its dark neighbours and fades there; inside the block it reaches full tone 120 px from the edge. Dark blocks are transparent
   over the dark page, so the light spill shows through them. */
.urd-wood,.urd-cnt{background:transparent !important}
.urd-calc,.urd-faq{background:transparent !important;clip-path:none;position:relative;isolation:isolate}
.urd-calc::before,.urd-cnt::before,.urd-cnt::after,.urd-faq::before{display:none}
.urd-calc::after,.urd-faq::after{content:'';position:absolute;left:0;right:0;top:-120px;bottom:-120px;height:auto;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(26,24,21,0) 0,var(--bg2) 240px,var(--bg2) calc(100% - 240px),rgba(26,24,21,0) 100%)}
@media (max-width:760px){
  .urd-calc::after,.urd-faq::after{top:-80px;bottom:-80px;background:linear-gradient(180deg,rgba(26,24,21,0) 0,var(--bg2) 160px,var(--bg2) calc(100% - 160px),rgba(26,24,21,0) 100%)}
}
/* pass 28 (owner: «в мобилке градиент между первым верхним и вторым не появился»).
   On iPhone the light layer of the calculator could not reach up over the first screen, so the change happened right at the edge.
   Phones: the first screen itself now brightens at its bottom into the same tone the calculator starts with (#151310),
   and the calculator's light layer starts at its own top edge from that tone, so the gradient lives in both blocks and does not depend on overlap. */
@media (max-width:760px){
  .urd-hero .hero-bg::before{background:linear-gradient(180deg,rgba(15,14,12,0) 40%,rgba(15,14,12,.92) 62%,#0f0e0c 72%,#121110 86%,#151310 100%)}
  .urd-calc::after{top:0;background:linear-gradient(180deg,#151310 0,var(--bg2) 180px,var(--bg2) calc(100% - 160px),rgba(26,24,21,0) 100%)}
}
/* pass 28b (owner: «на телефоне нужно ниже опустить градиент»): the first screen stays dark down to its last 8 %, the brightening
   mostly happens inside the calculator (from #121110 at its top to the full light tone 260 px down) */
@media (max-width:760px){
  .urd-hero .hero-bg::before{background:linear-gradient(180deg,rgba(15,14,12,0) 40%,rgba(15,14,12,.92) 62%,#0f0e0c 74%,#0f0e0c 92%,#121110 100%)}
  .urd-calc::after{background:linear-gradient(180deg,#121110 0,var(--bg2) 260px,var(--bg2) calc(100% - 160px),rgba(26,24,21,0) 100%)}
}
/* pass 29 (owner: «калькулятор на всех разрешениях влезает корректно? адаптировать блоки»): checked 320-1920 px, nothing overflows;
   on the smallest phones (≤360 px) the four facts put the icon above the title, so «Ручная рубка» and «Полный цикл» stay on one line */
@media (max-width:360px){
  .hf-row{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 6px}
  .hf-row b{font-size:12.5px;white-space:nowrap}
}
@media (max-width:380px){.urd-calc .calc-result{padding:16px}.urd-calc .bn-lead{padding:14px}}