:root{
  --navy-950:#06111f;
  --navy-900:#081827;
  --navy-850:#0a2032;
  --navy-800:#0d2a42;
  --navy-700:#12395a;
  --blue:#2278ff;
  --blue-2:#59a6ff;
  --cyan:#38d7ff;
  --green:#28c76f;
  --amber:#ffb020;
  --red:#ff4d5e;
  --text:#f7fbff;
  --muted:#aebdca;
  --muted-2:#728292;
  --line:rgba(255,255,255,.12);
  --glass:rgba(10,25,40,.76);
  --glass-2:rgba(255,255,255,.07);
  --white:#fff;
  --shadow:0 28px 80px rgba(0,0,0,.38);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(34,120,255,.22),transparent 28rem),linear-gradient(180deg,var(--navy-950),#050b13 72%);color:var(--text);line-height:1.55}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}.wide{width:min(1380px,calc(100% - 28px));margin:0 auto}
.site-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;background:rgba(6,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:950;letter-spacing:.01em}.brand-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#0b2a45,#1e7bff);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 32px rgba(34,120,255,.24);font-size:1.35rem}.brand small{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;line-height:1;margin-top:1px}.navlinks{display:flex;align-items:center;gap:18px;color:var(--muted);font-weight:850}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--white)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:13px;padding:12px 18px;background:rgba(255,255,255,.07);border:1px solid var(--line);text-decoration:none;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.18);cursor:pointer}.btn.primary{background:linear-gradient(180deg,#3088ff,#1165ea);border-color:rgba(100,170,255,.72);color:#fff}.btn.ghost{background:rgba(255,255,255,.04)}.btn.gold{background:linear-gradient(180deg,#ffc353,#df8a00);color:#07111e;border-color:rgba(255,218,120,.72)}
.hero{position:relative;overflow:hidden;padding:54px 0 40px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,31,.98) 0%,rgba(6,17,31,.78) 45%,rgba(6,17,31,.42) 100%),url('latest-design-mcc.webp') center/cover no-repeat;opacity:.88;z-index:-2}.hero:after{content:"";position:absolute;inset:auto -20% -35% -20%;height:45%;background:linear-gradient(180deg,transparent,rgba(5,11,19,.97));z-index:-1}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:28px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);padding:8px 12px;border-radius:999px;color:#dce9f5;font-weight:950;font-size:.9rem}.dot{width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 0 6px rgba(40,199,111,.12)}
h1{font-size:clamp(2.55rem,6vw,5.8rem);line-height:.92;margin:0 0 20px;letter-spacing:-.065em}h2{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.04;margin:0 0 14px;letter-spacing:-.045em}h3{font-size:1.16rem;margin:0 0 8px;line-height:1.2}.lead{font-size:1.13rem;max-width:68ch}p{margin:0 0 15px;color:var(--muted);font-weight:720}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.stat{padding:16px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.stat strong{display:block;font-size:1.45rem;line-height:1;color:#fff}.stat span{display:block;color:var(--muted);font-weight:850;font-size:.86rem;margin-top:6px}
.visual-card{position:relative;border-radius:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);padding:10px;overflow:hidden}.visual-card img{display:block;width:100%;border-radius:25px;border:1px solid rgba(255,255,255,.13)}.floating-card{position:absolute;left:22px;bottom:22px;right:22px;border-radius:23px;background:rgba(8,24,39,.82);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);padding:17px}.score-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(40,199,111,.16);color:#a8ffd0;border:1px solid rgba(40,199,111,.34);padding:6px 10px;font-weight:950;font-size:.84rem}
section{padding:56px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head p{max-width:62ch}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid.three{grid-template-columns:repeat(3,1fr)}.card,.panel{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card:hover{border-color:rgba(89,166,255,.38);transform:translateY(-2px);transition:.2s ease}.tag{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-weight:950;font-size:.78rem;color:#dff0ff;background:rgba(34,120,255,.18);border:1px solid rgba(34,120,255,.28);margin-bottom:14px}.tag.red{background:rgba(255,77,94,.18);border-color:rgba(255,77,94,.3)}.tag.green{background:rgba(40,199,111,.18);border-color:rgba(40,199,111,.3)}.tag.amber{background:rgba(255,176,32,.18);border-color:rgba(255,176,32,.3)}
.feature-icon{font-size:1.6rem;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.preview-img{border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#091522;box-shadow:var(--shadow)}.preview-img img{width:100%;height:100%;object-fit:cover;display:block}.dark-panel{background:linear-gradient(145deg,rgba(8,24,39,.94),rgba(11,39,63,.84));border:1px solid var(--line);border-radius:32px;padding:30px;box-shadow:var(--shadow)}.flow-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid var(--line);margin:10px 0}.flow-row b{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(34,120,255,.18);border:1px solid rgba(34,120,255,.3)}.flow-row span{font-weight:900;color:#fff}.flow-row small{color:var(--muted);font-weight:800}.check{color:#7dffb7;font-weight:950}.screens{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.shot{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.04);box-shadow:var(--shadow)}.shot img{display:block;width:100%;aspect-ratio:9/19;object-fit:cover;object-position:top}.shot div{padding:14px}.shot p{font-size:.9rem}.notice{border-left:5px solid var(--amber);background:rgba(255,176,32,.1);padding:18px;border-radius:18px}.notice p{margin:0}.footer{padding:40px 0 58px;border-top:1px solid var(--line);background:#050b13}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.footer a{color:#d9ecff}.page-hero{padding:54px 0 28px;background:radial-gradient(circle at top right,rgba(34,120,255,.18),transparent 28rem)}.page-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:start}label{display:block;font-weight:950;margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff;border-radius:14px;padding:13px 14px;font-weight:800}textarea{min-height:130px}table{width:100%;border-collapse:collapse;margin-top:12px;overflow:hidden;border-radius:18px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);color:var(--muted);font-weight:720}th{color:#fff;background:rgba(255,255,255,.06)}code{background:rgba(0,0,0,.24);padding:.18em .4em;border-radius:.35em;color:#e7f6ff}ul{margin:0;padding-left:20px;color:var(--muted);font-weight:720}li{margin:.46rem 0}.mobile-only{display:none}
@media(max-width:980px){.hero-grid,.split,.preview-strip,.page-grid,.footer-grid{grid-template-columns:1fr}.grid,.grid.three{grid-template-columns:repeat(2,1fr)}.screens{grid-template-columns:repeat(2,1fr)}.navlinks{display:none}.mobile-only{display:inline-flex}.hero{padding-top:40px}.visual-card{margin-top:8px}}
@media(max-width:560px){.wrap,.wide{width:min(100% - 24px,1180px)}.grid,.grid.three,.hero-stats{grid-template-columns:1fr}.screens{grid-template-columns:1fr 1fr}.floating-card{position:static;margin-top:10px}.hero{padding-bottom:28px}section{padding:42px 0}.btn{width:100%}h1{font-size:2.75rem}.card,.panel,.dark-panel{padding:20px}}

/* DHC6_PRODUCT_PREVIEW_POLISH */
.preview-status-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 22px;
}
.preview-status-card {
  border: 1px solid rgba(120, 180, 255, .24);
  background: linear-gradient(160deg, rgba(9, 32, 55, .92), rgba(4, 14, 26, .92));
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .22);
}
.preview-status-card strong {
  display: block;
  color: #fff;
  font-size: 1.02rem;
  margin-bottom: 7px;
}
.preview-status-card span {
  display: block;
  color: rgba(226, 238, 255, .78);
  line-height: 1.45;
}
.preview-status-card.gold {
  border-color: rgba(245, 190, 95, .45);
  background: linear-gradient(160deg, rgba(65, 43, 14, .82), rgba(12, 18, 29, .95));
}
.preview-status-card.green {
  border-color: rgba(103, 220, 160, .38);
}
.preview-note {
  margin-top: 14px;
  color: rgba(226, 238, 255, .74);
  font-size: .95rem;
}
@media (max-width: 820px) {
  .preview-status-strip { grid-template-columns: 1fr; }
}