:root {
  --o: #F29C1A; --o-d: #d98609; --ink: #0f1115; --ink2: #171a20; --line: #262a31;
  --t: #1b1d22; --mut: #5d6370; --bg: #ffffff; --bg2: #f5f6f8; --r: 14px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.lp { margin: 0; font: 16px/1.6 -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif; color: var(--t); background: var(--bg); }
.lp a { color: inherit; }
.lp h1, .lp h2, .lp h3 { line-height: 1.2; margin: 0 0 .5em; }
.lp-wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.lp-narrow { max-width: 820px; }

/* nav */
.lp-nav { position: sticky; top: 0; z-index: 20; background: rgba(15,17,21,.92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
.lp-nav-in { display: flex; align-items: center; gap: 28px; height: 64px; }
.lp .lp-logo { color: #fff; font-size: 18px; text-decoration: none; white-space: nowrap; }
.lp-logo .d, .lp-logo b { color: var(--o); }
.lp-links { display: flex; gap: 22px; flex: 1; }
.lp-links a { color: #c9ccd3; text-decoration: none; font-size: 15px; }
.lp-links a:hover { color: #fff; }
.lp-nav-cta { display: flex; align-items: center; gap: 16px; }
.lp .lp-link-login { color: #c9ccd3; text-decoration: none; font-size: 15px; }
.lp .lp-link-login:hover { color: #fff; }

/* buttons */
.lp-btn { display: inline-block; background: var(--o); color: #111 !important; font-weight: 700; text-decoration: none; padding: 14px 24px; border-radius: 10px; border: 2px solid var(--o); cursor: pointer; font: inherit; font-weight: 700; transition: transform .15s, background .15s; }
.lp-btn:hover { background: var(--o-d); border-color: var(--o-d); transform: translateY(-1px); }
.lp-btn.sm { padding: 8px 16px; font-size: 15px; }
.lp-btn.ghost { background: transparent; color: #fff !important; border-color: #3a3f48; }
.lp-btn.ghost:hover { border-color: #fff; background: transparent; }
.lp-btn.full { width: 100%; }

/* hero */
.lp-hero { background: radial-gradient(circle at 80% 10%, rgba(242,156,26,.18), transparent 45%), radial-gradient(circle at 0% 100%, rgba(88,120,255,.10), transparent 40%), var(--ink); color: #fff; padding: 80px 0 90px; overflow: hidden; }
.lp-hero-in { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.lp-eyebrow { display: inline-block; color: var(--o); font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 14px; }
.lp-hero h1 { font-size: 50px; letter-spacing: -.02em; }
.lp-hero h1 span { color: var(--o); }
.lp-lead { font-size: 19px; color: #c9ccd3; max-width: 580px; }
.lp-lead strong { color: #fff; }
.lp-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin: 28px 0 22px; }
.lp-ticks { list-style: none; padding: 0; margin: 0; display: flex; gap: 22px; flex-wrap: wrap; color: #c9ccd3; font-size: 15px; }
.lp-ticks li::before { content: "✓"; color: var(--o); font-weight: 700; margin-right: 8px; }
.lp-ticks.light { flex-direction: column; gap: 8px; margin: 18px 0; }

/* mock */
.lp-hero-visual { position: relative; }
.mock { background: #1b1e24; border: 1px solid #2e333b; border-radius: 16px; box-shadow: 0 30px 80px rgba(0,0,0,.45); overflow: hidden; }
.mock-top { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid #2e333b; }
.mock-logo { width: 28px; height: 28px; border-radius: 7px; background: linear-gradient(135deg, #3b6fd8, #1e3f8f); }
.mock-name { color: #aeb2ba; font-size: 13px; }
.mock-body { padding: 20px; }
.mock-hello { font-size: 22px; font-weight: 700; margin-bottom: 14px; }
.mock-lesson { display: flex; align-items: center; gap: 14px; border: 1px solid rgba(242,156,26,.5); border-radius: 12px; padding: 14px 16px; background: rgba(242,156,26,.06); }
.mock-lesson .ic { font-size: 28px; }
.mock-lesson div { flex: 1; display: flex; flex-direction: column; }
.mock-lesson small { color: var(--o); font-weight: 700; font-size: 12px; }
.mock-lesson strong { font-size: 15px; }
.mock-lesson em { color: #8d929b; font-style: normal; font-size: 12px; }
.mock-lesson .go { color: var(--o); font-size: 20px; }
.mock-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.mock-stats div { background: #23272e; border-radius: 10px; padding: 10px 12px; }
.mock-stats b { display: block; font-size: 20px; }
.mock-stats span { color: #8d929b; font-size: 12px; }
.mock-result { background: rgba(63,185,80,.12); border: 1px solid rgba(63,185,80,.4); color: #7ee08a; border-radius: 10px; padding: 10px 12px; font-size: 14px; }
.mock-phish { position: absolute; left: -46px; bottom: -80px; width: 300px; background: #fff; color: #222; border-radius: 12px; padding: 14px 16px; box-shadow: 0 20px 50px rgba(0,0,0,.45); transform: rotate(-3deg); font-size: 13px; }
.ph-from { color: #777; font-size: 12px; }
.ph-subj { font-weight: 700; margin: 4px 0 10px; }
.ph-flag { background: #fff1f0; color: #c62828; border-radius: 8px; padding: 7px 10px; font-weight: 700; font-size: 12px; }

/* sections */
.lp-sec { padding: 90px 0; }
.lp-sec.alt { background: var(--bg2); }
.lp-sec.dark { background: var(--ink); color: #fff; }
.lp-sec.dark p { color: #c9ccd3; }
.lp-sec-head { max-width: 760px; margin: 0 auto 44px; text-align: center; }
.lp-sec-head h2 { font-size: 36px; letter-spacing: -.01em; }
.lp-sec-head p { color: var(--mut); font-size: 18px; margin: 0; }
.lp-sec h2 { font-size: 34px; }
.lp-cards3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.lp-card { background: #fff; border: 1px solid #e6e8ec; border-radius: var(--r); padding: 26px; }
.lp-sec.alt .lp-card { border-color: #e1e4e9; }
.lp-card .ic { font-size: 30px; margin-bottom: 10px; }
.lp-card h3 { font-size: 19px; }
.lp-card p { color: var(--mut); margin: 0; }
.lp-note { text-align: center; font-size: 20px; margin: 44px auto 0; max-width: 720px; }
.lp-note strong { color: var(--o-d); }

.lp-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: s; }
.lp-steps li { background: #fff; border: 1px solid #e1e4e9; border-radius: var(--r); padding: 26px; position: relative; }
.lp-steps li span { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: var(--o); color: #111; font-weight: 800; margin-bottom: 14px; }
.lp-steps h3 { font-size: 18px; }
.lp-steps p { color: var(--mut); margin: 0; font-size: 15px; }

.lp-feats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.lp-feat { border: 1px solid #e6e8ec; border-radius: var(--r); padding: 22px; transition: border-color .15s, box-shadow .15s; }
.lp-feat:hover { border-color: var(--o); box-shadow: 0 10px 30px rgba(242,156,26,.12); }
.lp-feat .ic { font-size: 26px; margin-bottom: 8px; }
.lp-feat h3 { font-size: 17px; }
.lp-feat p { color: var(--mut); margin: 0; font-size: 15px; }

.lp-split { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.lp-sec.dark .small { font-size: 13px; color: #8d929b; }
.lp-report { background: #fff; color: #222; border-radius: 16px; padding: 24px; box-shadow: 0 30px 70px rgba(0,0,0,.4); }
.r-head { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid var(--o); padding-bottom: 10px; margin-bottom: 16px; }
.r-head span { color: var(--o); }
.r-head small { color: #777; }
.r-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.r-kpis div { background: #f5f6f8; border-radius: 10px; padding: 10px 12px; }
.r-kpis b { display: block; font-size: 22px; }
.r-kpis small { color: #777; font-size: 12px; }
.r-row { display: grid; grid-template-columns: 1fr 120px; gap: 12px; align-items: center; font-size: 14px; padding: 7px 0; border-bottom: 1px solid #eee; }
.r-row i { display: block; height: 8px; border-radius: 4px; background: linear-gradient(90deg, #3fb950, #2e9e41); }
.r-note { color: #999; font-size: 11px; margin-top: 10px; text-align: right; }

.lp-topics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.lp-topic { display: flex; align-items: center; gap: 14px; border: 1px solid #e6e8ec; border-radius: 12px; padding: 14px 16px; }
.lp-topic .ic { font-size: 24px; width: 34px; text-align: center; }
.lp-topic strong { display: block; font-size: 15px; line-height: 1.35; }
.lp-topic small { color: var(--mut); }
.lp-sectors { margin-top: 26px; text-align: center; color: var(--mut); }
.lp-sectors em { display: inline-block; font-style: normal; background: rgba(242,156,26,.12); color: #9a5c00; border-radius: 20px; padding: 4px 14px; margin: 4px; font-weight: 600; }

#faq details { border-bottom: 1px solid #e6e8ec; padding: 18px 0; }
#faq summary { cursor: pointer; font-weight: 700; font-size: 18px; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
#faq summary::-webkit-details-marker { display: none; }
#faq summary::after { content: "+"; color: var(--o); font-size: 24px; line-height: 1; }
#faq details[open] summary::after { content: "–"; }
#faq details p { color: var(--mut); margin: 12px 0 0; }

/* form */
.lp-form-card { background: #fff; color: var(--t); border-radius: 16px; padding: 28px; box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.lp-form-card label { display: block; font-size: 14px; font-weight: 600; color: #444; margin-bottom: 14px; }
.lp-form-card input[type=text], .lp-form-card input[type=email], .lp-form-card input[type=tel], .lp-form-card select, .lp-form-card textarea { display: block; width: 100%; margin-top: 6px; border: 1px solid #d6d9df; border-radius: 9px; padding: 11px 12px; font: inherit; font-weight: 400; color: var(--t); background: #fff; }
.lp-form-card input:focus, .lp-form-card select:focus, .lp-form-card textarea:focus { outline: 2px solid rgba(242,156,26,.5); border-color: var(--o); }
.lp-form-card .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lp-form-card label.chk { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; color: var(--mut); }
.lp-form-card label.chk input { margin-top: 4px; accent-color: var(--o); }
.lp-form-card .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lp-err { background: #fff1f0; color: #c62828; border-radius: 9px; padding: 10px 12px; margin-bottom: 14px; font-size: 14px; }
.lp-thanks { text-align: center; padding: 30px 10px; }
.lp-thanks .ic { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; background: #3fb950; color: #fff; font-size: 34px; display: flex; align-items: center; justify-content: center; }
.lp-thanks p { color: var(--mut) !important; }
.lp-contact a { color: #fff; text-decoration: none; font-weight: 600; }

/* footer */
.lp-foot { background: #0a0b0e; color: #8d929b; padding: 40px 0; font-size: 14px; }
.lp-foot-in { display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; align-items: flex-start; }
.lp-foot p { margin: 6px 0 0; }
.lp-foot-links { display: flex; gap: 22px; flex-wrap: wrap; }
.lp-foot-links a { color: #c9ccd3; text-decoration: none; }

@media (max-width: 1000px) {
  .lp-hero-in, .lp-split { grid-template-columns: 1fr; }
  .lp-hero h1 { font-size: 38px; }
  .lp-steps, .lp-feats { grid-template-columns: repeat(2, 1fr); }
  .lp-topics { grid-template-columns: repeat(2, 1fr); }
  .mock-phish { left: auto; right: 10px; bottom: -30px; }
  .lp-links { display: none; }
  .lp-nav-in { justify-content: space-between; }
}
@media (max-width: 640px) {
  .lp-wrap { padding: 0 16px; }
  .lp-hero { padding: 50px 0 70px; }
  .lp-hero h1 { font-size: 31px; }
  .lp-lead { font-size: 17px; }
  .lp-sec { padding: 60px 0; }
  .lp-sec-head h2, .lp-sec h2 { font-size: 27px; }
  .lp-cards3, .lp-steps, .lp-feats, .lp-topics { grid-template-columns: 1fr; }
  .lp-form-card .row2 { grid-template-columns: 1fr; }
  .mock-phish { position: relative; left: 0; bottom: 0; margin: -20px auto 0; width: 88%; }
  .lp-link-login { display: none; }
}
.lp-inds { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.lp-ind { display: flex; gap: 12px; background: #fff; border: 1px solid #e1e4e9; border-radius: 12px; padding: 16px; transition: border-color .15s; }
.lp-ind:hover { border-color: var(--o); }
.lp-ind .ic { font-size: 26px; line-height: 1; }
.lp-ind strong { font-size: 15px; line-height: 1.3; }
.lp-ind em { display: inline-block; font-style: normal; font-size: 11px; font-weight: 700; color: #9a5c00; background: rgba(242,156,26,.15); border-radius: 10px; padding: 1px 8px; margin-top: 4px; }
.lp-ind p { margin: 6px 0 0; color: var(--mut); font-size: 14px; line-height: 1.45; }
.lp-sizes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 26px; }
.lp-sizes div { border-left: 3px solid var(--o); padding: 4px 0 4px 14px; }
.lp-sizes strong { display: block; }
.lp-sizes span { color: var(--mut); font-size: 15px; }
.lp-sizes a { color: var(--o-d); font-weight: 700; }
@media (max-width: 1000px) { .lp-inds { grid-template-columns: repeat(2, 1fr); } .lp-sizes { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .lp-inds { grid-template-columns: 1fr; } }
.lp-newsec { padding-top: 0; }
.lp-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.lp .lp-nw { display: flex; flex-direction: column; border: 1px solid #e6e8ec; border-radius: var(--r); overflow: hidden; text-decoration: none; color: var(--t); transition: border-color .15s, transform .15s; background: #fff; }
.lp .lp-nw:hover { border-color: var(--o); transform: translateY(-2px); }
.lp-nw .im { height: 170px; background: #eef0f3 center/cover no-repeat; display: flex; align-items: center; justify-content: center; font-size: 40px; }
.lp-nw .tx { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; }
.lp-nw small { color: var(--mut); font-size: 13px; }
.lp-nw strong { font-size: 17px; line-height: 1.35; }
.lp-nw em { font-style: normal; color: var(--mut); font-size: 14px; }
.lp-more { text-align: center; margin: 26px 0 0; }
.lp .lp-more a { color: var(--o-d); font-weight: 700; text-decoration: none; }
@media (max-width: 1000px) { .lp-news { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .lp-news { grid-template-columns: 1fr; } }