.nf6{--teal:#0fa6b8;--teal-d:#0a7d8b;--teal-dd:#075460;--coral:#ff6a3d;--coral-d:#e8521f;--pink:#ff3d77;--yellow:#ffc233;--violet:#7a5cf5;--green:#1fb56a;--sky:#1aa7ff;--ink:#15222a;--muted:#5f7178;--line:#e8edee;--bg:#f7fafb;--card:#fff;--wa:#25D366;--tg:#0088cc;--maxw:1200px;
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
.nf6 *{box-sizing:border-box;margin:0;padding:0}
.nf6 .me-fin-banner{margin-top:-65px}
.nf6 img{max-width:100%;display:block}
.nf6 a{color:inherit;text-decoration:none}
.nf6 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.nf6 h1,.nf6 h2,.nf6 h3{letter-spacing:-.025em;line-height:1.08}
.nf6 .eyebrow{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--coral-d)}
.nf6 .btn{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:13px;padding:15px 26px;font-weight:800;font-size:16px;cursor:pointer;transition:.15s;white-space:nowrap;font-family:inherit;text-decoration:none}
.nf6 .btn:hover{transform:translateY(-2px)}
.nf6 .btn-coral{background:var(--coral);color:#fff;box-shadow:0 10px 24px rgba(255,106,61,.4)}
.nf6 .btn-coral:hover{background:var(--coral-d)}
.nf6 .btn-teal{background:var(--teal);color:#fff;box-shadow:0 10px 24px rgba(15,166,184,.32)}
.nf6 .btn-white{background:#fff;color:var(--coral-d)}
.nf6 .btn-line{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}
.nf6 .btn-dark{background:var(--ink);color:#fff}.nf6 .btn-wa{background:var(--wa);color:#fff}.nf6 .btn-tg{background:var(--tg);color:#fff}
.nf6 .sec{padding:74px 0}
.nf6 .sec-h{max-width:780px;margin:0 auto 40px;text-align:center}
.nf6 .sec h2{font-size:40px;margin:10px 0}.nf6 .lead{color:var(--muted);font-size:18px}
/* hero */
.nf6 .hero{position:relative;color:#fff;background:linear-gradient(120deg,var(--teal) 0%,var(--teal-d) 38%,var(--coral) 125%);overflow:clip;border-radius:0 0 26px 26px}
.nf6 .hero::before{content:"";position:absolute;top:-100px;left:-80px;width:340px;height:340px;border-radius:50%;background:rgba(255,194,51,.22);filter:blur(6px)}
.nf6 .hero::after{content:"";position:absolute;bottom:-140px;right:-60px;width:360px;height:360px;border-radius:50%;background:rgba(255,61,119,.2);filter:blur(6px)}
.nf6 .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding:120px 20px 60px;width:100%}
.nf6 .hero .badge{display:inline-flex;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:800;margin-bottom:16px}
.nf6 .hero h1{font-size:50px;margin-bottom:16px;color:#fff}.nf6 .hero h1 em{color:var(--yellow);font-style:normal}
.nf6 .hero .sub{font-size:19px;color:#f1fbfc;max-width:560px;margin-bottom:22px}
.nf6 .hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.nf6 .hero .rate{display:flex;gap:14px;flex-wrap:wrap}
.nf6 .hero .rate a{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:13px;padding:9px 14px}
.nf6 .hero .rate .n{font-size:20px;font-weight:800}.nf6 .hero .rate .s{color:var(--yellow);font-size:12px}.nf6 .hero .rate .l{font-size:11px;color:#e9f7f9}
/* quiz */
.nf6 .quiz{background:#fff;color:var(--ink);border-radius:22px;padding:26px;box-shadow:0 30px 64px rgba(7,84,96,.34)}
.nf6 .quiz .qh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.nf6 .quiz .qh b{font-size:18px}
.nf6 .dots{display:flex;gap:6px}.nf6 .dots i{width:9px;height:9px;border-radius:50%;background:var(--line);cursor:pointer;transition:.15s}.nf6 .dots i.on{background:var(--coral)}
.nf6 .quiz .q{font-weight:700;font-size:14px;margin:14px 0 9px}
.nf6 .chips{display:flex;flex-wrap:wrap;gap:8px}
.nf6 .chips span{border:1.5px solid var(--line);border-radius:11px;padding:9px 13px;font-size:13.5px;font-weight:600;cursor:pointer}
.nf6 .chips span.sel{border-color:var(--coral);background:#fff0eb;color:var(--coral-d)}
.nf6 .quiz .price{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;padding-top:14px;border-top:1px dashed var(--line)}
.nf6 .quiz .price .v{font-size:30px;font-weight:800;color:var(--coral-d)}.nf6 .quiz .price .t{font-size:13px;color:var(--muted)}
.nf6 .quiz .note{text-align:center;font-size:12px;color:var(--muted);margin-top:10px}
.nf6 .qstep[hidden]{display:none}
.nf6 .qback{background:none;border:0;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer;margin-top:12px;padding:2px 0;font-family:inherit}
.nf6 .qback:hover{color:var(--coral-d)}
/* catalog */
.nf6 .cat{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.nf6 .ci{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 14px;text-align:center;transition:.16s}
.nf6 .ci:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(7,84,96,.12)}
.nf6 .ci .ic{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 10px}
.nf6 .ci .nm{font-weight:700;font-size:14px;line-height:1.25}
.nf6 .ci .pr{font-size:12.5px;color:var(--coral-d);font-weight:800;margin-top:5px}
.nf6 .i-teal{background:#e1f6f9}.nf6 .i-coral{background:#ffe9e1}.nf6 .i-pink{background:#ffe4ee}.nf6 .i-violet{background:#eee9ff}.nf6 .i-green{background:#dcf7e9}.nf6 .i-sky{background:#def1ff}.nf6 .i-amber{background:#fff2d4}
/* use-cases */
.nf6 .uc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nf6 .uci{border-radius:18px;padding:26px;color:#fff;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column}
.nf6 .uci .e{font-size:30px;margin-bottom:10px}.nf6 .uci h3{font-size:21px;margin-bottom:10px;color:#fff}
.nf6 .uci ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.nf6 .uci li{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.28);border-radius:8px;font-size:12.5px;font-weight:600;transition:.15s}
.nf6 .uci li:hover{background:rgba(255,255,255,.32)}
.nf6 .uci li a{display:block;padding:5px 10px;color:#fff;text-decoration:none}
.nf6 .uci a{margin-top:auto;font-weight:800;color:#fff;border-bottom:2px solid rgba(255,255,255,.5);align-self:flex-start;padding-bottom:2px}
.nf6 .u1{background:linear-gradient(135deg,var(--teal),var(--teal-d))}.nf6 .u2{background:linear-gradient(135deg,var(--violet),#5b3fd6)}.nf6 .u3{background:linear-gradient(135deg,var(--coral),var(--coral-d))}.nf6 .u4{background:linear-gradient(135deg,var(--pink),#d62b63)}.nf6 .u5{background:linear-gradient(135deg,var(--green),#14854c)}.nf6 .u6{background:linear-gradient(135deg,var(--sky),#0a7fcf)}
/* equipment */
.nf6 .equip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nf6 .eq{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.nf6 .eq .e{font-size:26px}.nf6 .eq h3{font-size:16px;margin-bottom:4px}.nf6 .eq p{color:var(--muted);font-size:13.5px}
/* numbers */
.nf6 .nums{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:center}
.nf6 .nums .n{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 10px}
.nf6 .nums .n b{display:block;font-size:34px;color:var(--teal);line-height:1}.nf6 .nums .n span{font-size:13px;color:var(--muted);margin-top:6px;display:block}
/* why */
.nf6 .why{background:linear-gradient(120deg,var(--teal-dd),var(--teal));color:#fff;border-radius:24px;padding:44px}
.nf6 .why .g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nf6 .why .a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:22px}
.nf6 .why .a .i{font-size:24px;margin-bottom:8px}.nf6 .why .a h3{font-size:17px;margin-bottom:6px;color:#fff}.nf6 .why .a p{font-size:14px;color:#e7f6f8}
/* portfolio */
.nf6 .gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:165px;gap:12px}
.nf6 .gal a{position:relative;border-radius:16px;overflow:hidden}.nf6 .gal a:first-child{grid-column:span 2;grid-row:span 2}.nf6 .gal a:nth-child(6){grid-row:span 2}
.nf6 .gal img{width:100%;height:100%;object-fit:cover;transition:.45s}.nf6 .gal a:hover img{transform:scale(1.07)}
/* reviews */
.nf6 .revwrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nf6 .rc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.nf6 .rc .top{display:flex;align-items:center;gap:14px}.nf6 .rc .big{font-size:46px;font-weight:800;line-height:1}.nf6 .rc .s{color:var(--yellow);font-size:18px;letter-spacing:2px}.nf6 .rc .src{font-weight:800;font-size:18px}
.nf6 .rc p{color:var(--muted);font-size:14px;margin:10px 0 14px}
.nf6 .qrbox{background:linear-gradient(120deg,var(--teal),var(--coral));color:#fff;border-radius:18px;padding:28px;text-align:center;margin-top:20px}
.nf6 .qrbox h3{font-size:22px;margin-bottom:8px;color:#fff}.nf6 .qrbox p{color:#fff;opacity:.92;margin-bottom:18px}
.nf6 .qr-d{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}.nf6 .qr-m{display:none;gap:12px;justify-content:center;flex-wrap:wrap}
.nf6 .qr-d img{width:158px;height:158px;border-radius:12px;background:#fff;padding:8px}.nf6 .qr-d figcaption{margin-top:8px;font-weight:700}
@media(max-width:560px){.nf6 .qr-d{display:none}.nf6 .qr-m{display:flex}}
/* steps */
.nf6 .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
.nf6 .stp{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 16px;position:relative}
.nf6 .stp::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:18px;width:38px;height:38px;background:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.nf6 .stp h3{font-size:15px;margin:12px 0 4px}.nf6 .stp p{font-size:13px;color:var(--muted)}
/* spec */
.nf6 .spec{background:linear-gradient(120deg,var(--yellow),var(--coral));color:#3a1d00;border-radius:24px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.nf6 .spec h2{color:#3a1d00;font-size:28px;margin-bottom:6px}.nf6 .spec p{font-weight:600}
/* faq */
.nf6 .faq{max-width:840px;margin:0 auto}
.nf6 .faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:0 20px}
.nf6 .faq summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.nf6 .faq summary::-webkit-details-marker{display:none}.nf6 .faq summary::after{content:'+';color:var(--coral-d);font-size:24px}.nf6 .faq details[open] summary::after{content:'\2212'}
.nf6 .faq details p{padding:0 0 18px;color:var(--muted);font-size:15px}
/* contact */
.nf6 .contact{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(7,84,96,.1)}
.nf6 .contact .l{padding:34px}.nf6 .contact h2{font-size:28px;margin-bottom:6px}
.nf6 .field{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;font-size:15px;margin-bottom:12px;font-family:inherit}
.nf6 .phones{display:grid;gap:8px;margin:12px 0}.nf6 .phr{display:flex;gap:10px;align-items:baseline}.nf6 .phr b{font-size:16px}.nf6 .phr span{font-size:12.5px;color:var(--muted)}
.nf6 .contact .r{position:relative;min-height:360px}.nf6 .contact .r iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:980px){
  .nf6 .hero .wrap{grid-template-columns:1fr;gap:28px;padding:90px 20px 34px}.nf6 .hero h1{font-size:36px}
  .nf6 .cat{grid-template-columns:repeat(3,1fr)}.nf6 .uc{grid-template-columns:1fr}.nf6 .equip{grid-template-columns:1fr}
  .nf6 .nums{grid-template-columns:repeat(3,1fr)}.nf6 .why .g{grid-template-columns:1fr}
  .nf6 .gal{grid-template-columns:repeat(2,1fr)}.nf6 .steps{grid-template-columns:repeat(2,1fr)}
  .nf6 .revwrap{grid-template-columns:1fr}.nf6 .contact{grid-template-columns:1fr}
}
@media(max-width:560px){
  .nf6 .sec{padding:48px 0}.nf6 .sec h2{font-size:26px}.nf6 .hero h1{font-size:28px}
  .nf6 .cat{grid-template-columns:repeat(2,1fr)}.nf6 .nums{grid-template-columns:1fr 1fr}.nf6 .gal{grid-template-columns:1fr 1fr}.nf6 .steps{grid-template-columns:1fr 1fr}.nf6 .why{padding:28px}
}

/* фильтруемая галерея портфолио */
.nf6 .g-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:26px}
.nf6 .g-filter button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);font-family:inherit;transition:.15s}
.nf6 .g-filter button:hover{border-color:var(--coral)}
.nf6 .g-filter button.active{background:var(--coral);color:#fff;border-color:var(--coral)}
.nf6 .g-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.nf6 .g-item{border-radius:14px;overflow:hidden;aspect-ratio:4/3;display:block;background:#eef2f3}
.nf6 .g-item img{width:100%;height:100%;object-fit:cover;transition:.4s}
.nf6 .g-item:hover img{transform:scale(1.06)}
.nf6 .g-item[hidden]{display:none}
@media(max-width:980px){.nf6 .g-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.nf6 .g-grid{grid-template-columns:repeat(2,1fr)}}

.nf6 .g-more{text-align:center;margin-top:26px}
.nf6 .g-showall{border:0;background:var(--coral);color:#fff;border-radius:13px;padding:14px 30px;font-weight:800;font-size:16px;cursor:pointer;font-family:inherit;box-shadow:0 10px 24px rgba(255,106,61,.35);transition:.15s}
.nf6 .g-showall:hover{background:var(--coral-d);transform:translateY(-2px)}

/* hero-pic для гостей (rotator + стрелки + touch swipe) */
.nf6 .hero-pic-wrap{position:relative;touch-action:pan-y}
.nf6 .hero-pic-link{display:block;width:100%;border-radius:22px;overflow:hidden;box-shadow:0 30px 64px rgba(7,84,96,.34);aspect-ratio:4/3;background:#eef2f3;transition:.2s}
.nf6 .hero-pic-link:hover{transform:translateY(-2px)}
.nf6 .hero-pic{width:100%;height:100%;object-fit:cover;display:block}
.nf6 .hero-pic-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 4px 12px rgba(0,0,0,.18);font-size:20px;font-weight:800;color:#15222a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:.15s;font-family:inherit;padding:0;line-height:1}
.nf6 .hero-pic-nav:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.nf6 .hero-pic-nav:active{transform:translateY(-50%) scale(.96)}
.nf6 .hero-pic-prev{left:10px}
.nf6 .hero-pic-next{right:10px}
@media(max-width:560px){.nf6 .hero-pic-nav{width:38px;height:38px;font-size:17px}}