:root {
  --ink: #07111f;
  --ink-soft: #162437;
  --paper: #f5f7f9;
  --muted: #637083;
  --line: #dfe5eb;
  --cyan: #22e1c1;
  --cyan-deep: #00a98f;
  --blue: #3ba7ff;
  --danger: #ff5d62;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.nav-wrap { position: sticky; top: 0; z-index: 50; background: rgba(245,247,249,.88); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(7,17,31,.08); }
.nav { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 20px; font-weight: 800; letter-spacing: -.7px; }
.brand > span:last-child > span { color: var(--cyan-deep); }
.brand-mark { position: relative; width: 27px; height: 29px; display: flex; gap: 3px; align-items: flex-end; }
.brand-mark i { display: block; width: 7px; border-radius: 2px 2px 5px 5px; transform: skewY(-20deg); background: var(--ink); }
.brand-mark i:nth-child(1) { height: 18px; }
.brand-mark i:nth-child(2) { height: 28px; background: var(--cyan-deep); }
.brand-mark i:nth-child(3) { height: 13px; }
.nav-links { display: flex; align-items: center; gap: 34px; font-size: 14px; color: #344256; }
.nav-links a:hover, .text-link:hover { color: var(--cyan-deep); }
.nav-actions { display: flex; align-items: center; gap: 23px; font-size: 14px; }
.text-link { font-weight: 700; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 18px; min-height: 52px; padding: 0 25px; color: #fff; background: var(--ink); border: 1px solid var(--ink); border-radius: 4px; font-weight: 700; font-size: 14px; box-shadow: 0 8px 20px rgba(7,17,31,.13); transition: transform .25s ease, box-shadow .25s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(7,17,31,.2); }
.button-small { min-height: 42px; padding: 0 18px; }
.mobile-menu { display: none; }

.hero { position: relative; padding-top: 95px; text-align: center; }
.hero-glow { position: absolute; top: 20px; left: 50%; width: 620px; height: 460px; transform: translateX(-50%); background: radial-gradient(circle, rgba(34,225,193,.14), transparent 68%); pointer-events: none; }
.eyebrow, .kicker { position: relative; display: inline-flex; align-items: center; gap: 10px; color: #168e7d; font-size: 11px; font-weight: 800; letter-spacing: 2.1px; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(34,225,193,.15); }
.hero h1, .section-intro h2, .security-card h2, .cta-inner h2 { position: relative; margin: 24px 0 20px; font-size: clamp(54px, 7vw, 88px); line-height: .98; letter-spacing: -5px; font-weight: 760; }
h1 em, h2 em { color: var(--cyan-deep); font-family: Georgia, serif; font-weight: 500; }
.hero-copy { position: relative; width: min(680px, 100%); margin: 0 auto; color: var(--muted); font-size: 18px; line-height: 1.65; }
.hero-actions { position: relative; display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 33px; }
.button-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 23px; border: 1px solid #cdd5de; border-radius: 4px; font-size: 14px; font-weight: 700; background: rgba(255,255,255,.35); transition: background .2s, border .2s; }
.button-ghost:hover { background: #fff; border-color: #aeb9c5; }
.play { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #e7ecef; font-size: 8px; }
.hero-note { position: relative; margin-top: 18px; color: #7a8696; font-size: 11px; }
.hero-note span { color: var(--cyan-deep); font-weight: 800; } .hero-note b { margin: 0 7px; }

.product-frame { position: relative; margin-top: 74px; text-align: left; background: #fff; border: 1px solid #ccd4dc; border-radius: 9px; box-shadow: 0 30px 70px rgba(16,32,50,.14); overflow: hidden; }
.product-frame::before { content: ""; position: absolute; inset: -1px; pointer-events: none; border-radius: inherit; box-shadow: inset 0 1px 0 #fff; }
.frame-bar { height: 56px; padding: 0 18px; border-bottom: 1px solid #e3e8ed; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; font-size: 11px; color: #667486; }
.frame-logo { display: flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 800; }
.mini-mark { display: grid; place-items: center; width: 22px; height: 22px; color: #fff; background: var(--ink); border-radius: 5px; font-size: 10px; }
.frame-tabs { display: flex; align-self: stretch; gap: 29px; }
.frame-tabs span { display: flex; align-items: center; border-bottom: 2px solid transparent; }
.frame-tabs .active { color: var(--ink); font-weight: 700; border-color: var(--cyan-deep); }
.frame-user { justify-self: end; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #e1f8f4; color: #078a73; font-weight: 800; }
.product-grid { min-height: 610px; display: grid; grid-template-columns: 275px 1fr; }
.case-list { background: #f8fafb; border-right: 1px solid #e1e7ec; padding: 20px 14px; }
.aside-title { display: flex; justify-content: space-between; align-items: center; padding: 0 8px 12px; font-size: 9px; color: #778597; letter-spacing: 1.2px; font-weight: 800; }
.aside-title b { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: #dfe6eb; color: #405064; }
.case { margin-bottom: 8px; padding: 15px 13px; border: 1px solid transparent; border-radius: 5px; }
.case.active { background: #fff; border-color: #d5dde4; box-shadow: 0 7px 18px rgba(37,55,76,.08); }
.case > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.severity { padding: 4px 6px; border-radius: 3px; font-size: 7px; font-weight: 900; letter-spacing: .7px; }
.severity.high { background: #ffe4e4; color: #c43c43; }.severity.medium { background: #fff2d3; color: #ad7412; }.severity.low { background: #dff7ee; color: #08765e; }
.case time { color: #97a2af; font-size: 9px; }
.case strong, .case small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.case strong { font-size: 11px; margin-bottom: 5px; }.case small { color: #84909e; font-size: 9px; }
.analysis-pane { padding: 30px 34px; background: #fcfdfd; }
.message-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.breadcrumb { font-size: 8px; letter-spacing: 1.1px; color: #8c98a6; font-weight: 800; }
.message-heading h2 { margin: 8px 0 6px; font-size: 22px; letter-spacing: -.5px; }.message-heading p { margin: 0; color: #738091; font-size: 10px; }
.message-heading button { border: 1px solid #d8e0e6; background: #fff; border-radius: 4px; padding: 9px 12px; font-size: 9px; font-weight: 700; color: #405064; }
.verdict-card { margin-top: 26px; padding: 18px 20px; border: 1px solid #f1c7c9; border-left: 3px solid var(--danger); border-radius: 5px; background: #fffafb; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.score { display: flex; align-items: center; gap: 15px; }
.score-ring { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle closest-side, #fffafb 78%, transparent 80% 100%), conic-gradient(var(--danger) 94%, #eed8d9 0); position: relative; }
.score-ring span { margin-top: -7px; font-size: 20px; font-weight: 800; }.score-ring small { position: absolute; top: 36px; font-size: 7px; color: #9b8588; }
.risk { color: #d3474d; font-size: 8px; font-weight: 900; letter-spacing: 1px; }.score h3 { margin: 5px 0 2px; font-size: 15px; }.score p { margin: 0; color: #8e7477; font-size: 9px; }
.confidence { min-width: 120px; text-align: right; }.confidence > span { display: block; font-size: 7px; color: #8c98a6; letter-spacing: 1px; font-weight: 800; }.confidence b { display: block; margin: 6px 0; font-size: 17px; }.confidence div { height: 4px; border-radius: 4px; background: #e5eaee; overflow: hidden; }.confidence i { display: block; width: 98%; height: 100%; background: var(--cyan-deep); }
.analyst-brief { margin-top: 18px; padding: 18px 20px; border: 1px solid #d8e1e8; border-radius: 5px; background: #fff; }
.brief-title { display: flex; align-items: center; gap: 8px; font-size: 10px; }.spark { color: var(--cyan-deep); }.generated { margin-left: auto; font-size: 7px; letter-spacing: 1px; color: #059a80; }
.analyst-brief > p { margin: 14px 0; color: #536175; font-size: 10px; line-height: 1.75; }
.recommended { padding: 11px 13px; display: flex; flex-direction: column; gap: 4px; border-radius: 4px; background: #eff9f7; }.recommended span { color: #4d897f; font-size: 7px; letter-spacing: 1px; font-weight: 800; }.recommended strong { font-size: 9px; }
.signals { margin-top: 18px; border: 1px solid #dde4e9; border-radius: 5px; background: #fff; overflow: hidden; }
.signals-title, .signal-row { display: grid; align-items: center; }
.signals-title { grid-template-columns: 1fr auto; padding: 12px 15px; border-bottom: 1px solid #e5eaee; font-size: 9px; }.signals-title span { color: #8d98a4; font-size: 8px; }
.signal-row { grid-template-columns: 9px 1fr 150px 12px; gap: 8px; padding: 9px 15px; border-bottom: 1px solid #edf0f2; font-size: 8px; }.signal-row:last-child { border: 0; }.signal-row b { font-weight: 600; color: #536174; }.dot { width: 6px; height: 6px; border-radius: 50%; }.dot.danger { background: var(--danger); }.dot.warn { background: #f6af39; }.dot.safe { background: var(--cyan-deep); }.chev { color: #a5aeb9; }
.trust-line { padding: 58px 0 95px; color: #7c8999; font-size: 9px; letter-spacing: 1.4px; font-weight: 800; }
.trust-line div { margin-top: 24px; display: flex; justify-content: center; gap: clamp(25px, 5vw, 70px); color: #7e8997; letter-spacing: 0; font-size: 13px; opacity: .7; }.trust-line small { display: block; margin-top: 16px; font-weight: 400; letter-spacing: .4px; }

.section { padding: 120px 0; }
.section-intro { max-width: 730px; }
.section-intro h2, .security-card h2, .cta-inner h2 { font-size: clamp(42px, 5vw, 64px); letter-spacing: -3.8px; }
.section-intro p { width: min(620px, 100%); color: var(--muted); font-size: 16px; line-height: 1.7; }
.feature-grid { margin-top: 62px; display: grid; grid-template-columns: repeat(3, 1fr); border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.feature-card { position: relative; min-height: 310px; padding: 35px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.27); transition: background .25s, transform .25s; }
.feature-card:hover { background: #fff; transform: translateY(-3px); box-shadow: 0 16px 35px rgba(20,35,54,.07); z-index: 2; }
.feature-number { position: absolute; top: 22px; right: 25px; color: #a6b0ba; font-family: monospace; font-size: 10px; }
.icon { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid #cdd9dc; border-radius: 8px; color: #078e77; background: #ebfaf7; font-size: 22px; }
.feature-card h3 { margin: 28px 0 12px; font-size: 19px; letter-spacing: -.4px; }.feature-card p { min-height: 70px; color: var(--muted); line-height: 1.6; font-size: 13px; }.feature-card a { display: inline-flex; gap: 10px; margin-top: 15px; color: #344255; font-size: 11px; font-weight: 800; }

.workflow-section { padding: 120px 0 135px; color: #fff; background: var(--ink); }
.compact { max-width: 580px; }.workflow-section .kicker, .security-card .kicker, .cta-section .kicker { color: var(--cyan); }.workflow-section h2 { color: #fff; }
.workflow-grid { position: relative; margin-top: 80px; display: grid; grid-template-columns: repeat(4, 1fr); }
.workflow-grid::before { content: ""; position: absolute; top: 61px; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, #31516a 10%, #31516a 90%, transparent); }
.workflow-grid article { position: relative; padding-right: 38px; }
.step { display: block; color: #698096; font-family: monospace; font-size: 10px; }
.step-icon { position: relative; z-index: 2; width: 56px; height: 56px; margin: 25px 0 30px; display: grid; place-items: center; color: var(--cyan); border: 1px solid #31516a; border-radius: 50%; background: var(--ink); font-size: 22px; box-shadow: 0 0 0 8px var(--ink); }
.workflow-grid h3 { margin: 0 0 12px; font-size: 19px; }.workflow-grid p { color: #8ea0b2; font-size: 13px; line-height: 1.65; }

.security-section { padding: 120px 0; }
.security-card { min-height: 610px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; overflow: hidden; padding: 70px; color: #fff; background: linear-gradient(135deg, #0a1b2b, #0a2634); border-radius: 10px; }
.security-card > div:first-child { position: relative; z-index: 2; }.security-card h2 { color: #fff; }.security-card p { color: #91a9b9; font-size: 15px; line-height: 1.7; }
.security-points { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 30px 0; color: #c5d3dc; font-size: 11px; }.security-points i { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-right: 8px; color: var(--cyan); background: rgba(34,225,193,.1); border-radius: 50%; font-style: normal; }
.button-ghost.light { color: #fff; border-color: #365264; background: transparent; }.button-ghost.light:hover { background: rgba(255,255,255,.06); }
.security-visual { position: relative; min-height: 470px; }
.orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(65,156,170,.18); border-radius: 50%; transform: translate(-50%,-50%); }.orbit-one { width: 380px; height: 380px; }.orbit-two { width: 270px; height: 270px; }
.shield { position: absolute; top: 50%; left: 50%; width: 135px; height: 155px; transform: translate(-50%,-50%); clip-path: polygon(50% 0, 92% 15%, 88% 70%, 50% 100%, 12% 70%, 8% 15%); display: grid; place-items: center; background: linear-gradient(145deg, #1a5964, #0d2d3d); border: 1px solid #3b8892; color: #fff; font-size: 40px; font-weight: 900; box-shadow: 0 0 80px rgba(34,225,193,.15); }.shield span { position: absolute; right: 29px; bottom: 33px; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--cyan); color: #05231e; font-size: 13px; }
.secure-chip { position: absolute; min-width: 142px; padding: 12px; display: grid; grid-template-columns: 30px 1fr; column-gap: 9px; background: rgba(9,31,45,.88); border: 1px solid #284c5d; border-radius: 6px; backdrop-filter: blur(8px); font-size: 9px; }.secure-chip > span { grid-row: 1 / 3; display: grid; place-items: center; width: 29px; height: 29px; color: var(--cyan); border-radius: 5px; background: rgba(34,225,193,.09); }.secure-chip b { align-self: end; }.secure-chip small { color: #7691a1; font-size: 7px; }.chip-one { top: 75px; left: 5px; }.chip-two { right: -15px; top: 170px; }.chip-three { left: 20px; bottom: 55px; }

.pricing { padding: 110px 0 130px; }.centered { margin: 0 auto; text-align: center; }.centered p { margin-inline: auto; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; margin-top: 65px; }
.pricing-grid article { position: relative; min-height: 430px; padding: 40px 34px; background: #fff; border: 1px solid var(--line); }
.pricing-grid article:first-child { border-radius: 8px 0 0 8px; }.pricing-grid article:last-child { border-radius: 0 8px 8px 0; }
.pricing-grid .featured-plan { min-height: 470px; border: 2px solid var(--ink); border-radius: 8px; box-shadow: 0 18px 40px rgba(7,17,31,.1); z-index: 2; }
.plan { color: #108d7a; font-size: 10px; font-weight: 900; letter-spacing: 1.5px; }.pricing-grid h3 { margin: 14px 0 30px; color: #667486; font-size: 13px; font-weight: 500; }
.price { padding-bottom: 25px; border-bottom: 1px solid var(--line); font-size: 32px; font-weight: 800; letter-spacing: -1.4px; }.price small { color: #8793a0; font-size: 10px; font-weight: 500; letter-spacing: 0; }
.pricing-grid ul { min-height: 130px; margin: 28px 0; padding: 0; list-style: none; }.pricing-grid li { margin-bottom: 14px; color: #536174; font-size: 11px; }
.pricing-grid li::first-letter { color: var(--cyan-deep); }.pricing-button { width: 100%; }
.popular { position: absolute; top: -12px; right: 25px; padding: 6px 9px; background: var(--ink); color: #fff; border-radius: 3px; font-size: 7px; font-weight: 900; letter-spacing: 1px; }

.faq { padding: 90px 0 140px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 90px; align-items: start; }
.faq-list { border-top: 1px solid #cfd7de; }.faq-list details { border-bottom: 1px solid #cfd7de; }.faq-list summary { display: flex; justify-content: space-between; gap: 20px; padding: 24px 0; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--cyan-deep); font-size: 20px; font-weight: 400; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list p { margin: -5px 40px 24px 0; color: var(--muted); font-size: 13px; line-height: 1.7; }

.cta-section { position: relative; overflow: hidden; padding: 125px 0; text-align: center; color: #fff; background: var(--ink); }.cta-glow { position: absolute; left: 50%; top: 0; width: 780px; height: 500px; transform: translate(-50%,-20%); background: radial-gradient(circle, rgba(34,225,193,.17), transparent 68%); }.cta-inner { position: relative; }.cta-inner h2 { margin-bottom: 22px; color: #fff; }.cta-inner p { width: min(650px, 100%); margin: 0 auto; color: #91a3b5; line-height: 1.65; }
.lead-form { display: flex; width: min(540px, 100%); margin: 35px auto 15px; padding: 5px; background: #fff; border-radius: 6px; }.lead-form input { flex: 1; min-width: 0; padding: 0 16px; border: 0; outline: 0; color: var(--ink); font-size: 13px; }.lead-form .button { background: var(--cyan-deep); border-color: var(--cyan-deep); box-shadow: none; }
.cta-inner small { color: #607589; font-size: 9px; }
footer { color: #9ba9b8; background: #050c15; }.footer-grid { padding: 70px 0 55px; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px; }.footer-brand { color: #fff; }.footer-grid p { width: 260px; margin-top: 18px; font-size: 12px; line-height: 1.6; }.footer-grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 13px; font-size: 11px; }.footer-grid strong { margin-bottom: 8px; color: #fff; font-size: 10px; text-transform: uppercase; letter-spacing: 1.3px; }.footer-grid a:hover { color: var(--cyan); }.footer-bottom { padding: 20px 0; display: flex; justify-content: space-between; border-top: 1px solid #172331; color: #596a7b; font-size: 9px; }.footer-bottom div { display: flex; gap: 22px; }

@media (max-width: 900px) {
  .nav-links, .nav-actions { display: none; }.mobile-menu { display: block; position: relative; }.mobile-menu summary { width: 38px; height: 38px; display: grid; align-content: center; gap: 6px; padding: 8px; cursor: pointer; list-style: none; }.mobile-menu summary::-webkit-details-marker { display: none; }.mobile-menu summary span { height: 2px; background: var(--ink); }.mobile-menu > div { position: absolute; right: 0; top: 47px; width: 210px; padding: 14px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 6px; box-shadow: 0 20px 40px rgba(7,17,31,.14); }.mobile-menu a { padding: 12px; font-size: 13px; }
  .product-grid { grid-template-columns: 190px 1fr; }.case-list { padding-inline: 9px; }.analysis-pane { padding: 24px 20px; }.signal-row { grid-template-columns: 9px 1fr 100px 12px; }
  .feature-grid { grid-template-columns: repeat(2,1fr); }.workflow-grid { grid-template-columns: repeat(2,1fr); gap: 60px 30px; }.workflow-grid::before { display: none; }.security-card { grid-template-columns: 1fr; padding: 55px; }.security-visual { margin-top: 20px; }.pricing-grid { grid-template-columns: 1fr; gap: 15px; }.pricing-grid article, .pricing-grid .featured-plan { min-height: 0; border-radius: 8px !important; }.pricing-grid ul { min-height: 0; }.faq { grid-template-columns: 1fr; gap: 30px; }.footer-grid { grid-template-columns: 2fr 1fr 1fr; }.footer-grid > div:last-child { display: none; }
}

@media (max-width: 650px) {
  .shell { width: min(100% - 28px, 1180px); }.nav { height: 68px; }.hero { padding-top: 70px; }.hero h1 { font-size: 52px; letter-spacing: -3.4px; }.hero-copy { font-size: 16px; }.hero-actions { flex-direction: column; }.hero-actions a { width: 100%; }.product-frame { margin-top: 55px; }.frame-bar { grid-template-columns: 1fr auto; }.frame-tabs { display: none; }.product-grid { display: block; }.case-list { display: none; }.analysis-pane { padding: 20px 14px; }.message-heading h2 { font-size: 17px; }.verdict-card { align-items: flex-start; }.confidence { display: none; }.signal-row { grid-template-columns: 9px 1fr auto 10px; }.signal-row b { text-align: right; }.trust-line div { flex-wrap: wrap; gap: 22px 30px; }
  .section { padding: 85px 0; }.section-intro h2, .security-card h2, .cta-inner h2 { font-size: 42px; letter-spacing: -2.6px; }.feature-grid { grid-template-columns: 1fr; }.feature-card { min-height: 270px; }.workflow-section { padding: 85px 0; }.workflow-grid { grid-template-columns: 1fr; gap: 45px; margin-top: 55px; }.step-icon { margin-block: 18px; }.security-section { padding: 75px 0; }.security-card { padding: 42px 26px; }.security-points { grid-template-columns: 1fr; }.security-visual { min-height: 380px; transform: scale(.85); margin-inline: -30px; }.chip-two { right: -30px; }.pricing { padding-block: 80px; }.faq { padding-block: 50px 90px; }.lead-form { flex-direction: column; padding: 7px; gap: 7px; }.lead-form input { min-height: 50px; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 45px 25px; }.footer-grid > div:first-child { grid-column: 1 / -1; }.footer-grid > div:last-child { display: flex; }.footer-bottom { flex-direction: column; gap: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; }
}

.form-status {
  width: min(540px, 100%);
  margin: 22px auto -20px !important;
  padding: 12px 16px;
  border-radius: 5px;
  font-size: 12px;
}
.form-status.success { color: #b9fff2; background: rgba(34,225,193,.12); }
.form-status.error { color: #ffd0d2; background: rgba(255,93,98,.12); }
.admin-bar .nav-wrap { top: 32px; }
@media (max-width: 782px) { .admin-bar .nav-wrap { top: 46px; } }