header{
  background:rgba(245,247,251,.85);
  backdrop-filter:blur(10px);
}

.site-nav{
  display:flex;
  flex-wrap:nowrap;
}

.logo{ font-size:18px; }

.burger{
  display:none;
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--card);
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.burger span,
.burger span:before,
.burger span:after{
  content:"";
  display:block;
  width:18px;
  height:2px;
  background:#0f172a;
  border-radius:2px;
  position:relative;
}

.burger span:before{ position:absolute; top:-6px; left:0; }
.burger span:after{ position:absolute; top:6px; left:0; }

.mobilePanel{
  position:fixed;
  top:var(--headerH);
  left:0;
  right:0;
  z-index:49;
  border-top:1px solid var(--line);
  background:rgba(245,247,251,.95);
  backdrop-filter:blur(10px);
  padding:var(--space-2) var(--pad);
  box-shadow:0 18px 36px rgba(15,23,42,.12);
  max-height:calc(100dvh - var(--headerH));
  overflow:auto;
}

.mobilePanel a{
  display:block;
  padding:10px;
  border-radius:10px;
  color:#475569;
  font-weight:700;
}

.mobilePanel a:hover{ background:rgba(37,99,235,.10); color:var(--primary2); }
.mobilePanel[hidden]{ display:none !important; }

.btn-light{
  color:var(--text);
  background:rgba(255,255,255,.90);
}

.btn-ghost-inverse,
.btn-ghost-inverse:link,
.btn-ghost-inverse:visited{
  background:#334155;
  border-color:transparent;
  color:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.18);
}

.btn-ghost-inverse:hover,
.btn-ghost-inverse:focus-visible{
  background:#1f2937;
  border-color:transparent;
  color:#fff;
}

.link-features{
  margin-top:6px;
  font-weight:900;
  color:var(--primary2);
}

.price-title{
  display:inline-flex;
  align-items:center;
  gap:var(--space-1);
}

.price-title::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:#94a3b8;
  flex:0 0 auto;
}

.price-title--neo::before{ background:#f59e0b; }
.price-title--legacy::before{ background:#2563eb; }

.form-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.footer-company{ font-weight:900; color:var(--text); }
.footer-copy{ margin-top:8px; }
.footer-links{ display:flex; gap:12px; flex-wrap:wrap; }

#about,
#features,
#qa{
  background:#ffffff;
}

#knowledge,
#concept,
#pricing{
  background:#f8fafb;
}

#contact{
  background:#ecf2f9;
}

.expo-banner{
  padding:18px 0 10px;
  background:#fff;
}

.expo-banner__panel{
  display:grid;
  grid-template-columns:minmax(0, 360px) minmax(0, 1fr);
  gap:22px;
  align-items:center;
  padding:18px 22px;
  border:1px solid rgba(65,100,199,.16);
  background:
    linear-gradient(135deg, rgba(241,245,255,.96), rgba(255,255,255,.98) 48%, rgba(246,250,255,.98));
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}

.expo-banner__brand{
  display:flex;
  align-items:center;
  min-width:0;
}

.expo-banner__brand img{
  display:block;
  width:min(100%, 340px);
  height:auto;
}

.expo-banner__content{
  min-width:0;
}

.expo-banner__eyebrow{
  margin:0 0 6px;
  color:#4164c7;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.expo-banner__content h2{
  margin:0;
  font-size:24px;
  line-height:1.25;
  color:#163268;
}

.expo-banner__date{
  margin:12px 0 0;
  color:#4164c7;
  font-size:14px;
  line-height:1.5;
  font-weight:900;
}

.expo-banner__venue{
  margin:8px 0 0;
  color:#334155;
  font-size:16px;
  line-height:1.45;
  font-weight:700;
}

.expo-banner__label{
  display:inline-block;
  margin:0 10px 0 0;
  color:#4164c7;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.expo-banner__note{
  margin:10px 0 0;
  color:#64748b;
  font-size:12px;
  line-height:1.5;
}

.expo-banner__link{
  margin:12px 0 0;
}

.expo-banner__link a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#4164c7;
  font-size:13px;
  font-weight:900;
}

.expo-banner__link a::after{
  content:"↗";
  font-size:12px;
  line-height:1;
}

main.hero{
  position:relative;
  overflow:hidden;
  padding:56px 0;
  min-height:520px;
  display:grid;
  align-items:center;
}

main.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("../cfn-image/hero.png") center / cover no-repeat;
  filter:blur(10px) brightness(0.9);
  transform:scale(1.1);
  z-index:0;
}

.hero-img{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:80% center;
  transform:scale(1.02);
}

.hero-overlay{ display:none; }
.hero-inner{ position:relative; z-index:1; }
.hero-copy{ max-width:720px; color:#fff; }
.hero-copy h1{
  font-size:42px;
  line-height:1.18;
  margin:0 0 14px;
  letter-spacing:.2px;
  text-shadow:0 10px 28px rgba(2,6,23,.35);
}

.hero-copy p{
  font-size:16px;
  color:rgba(255,255,255,.9);
  margin:0 0 20px;
  text-shadow:0 4px 14px rgba(2,6,23,.42);
  max-width:60ch;
}

.hero-knowledge-link{
  margin:-4px 0 18px;
}

.hero-knowledge-link a,
.section-inline-link a{
  color:#dbe7ff;
  font-weight:900;
}

.section-inline-link{
  margin:12px 0 0;
}

#about .section-inline-link a{
  color:#4164c7;
}

#knowledge .section-title::before{
  display:none;
}

#knowledge .card h3::before,
#knowledge .card h3::after{
  content:none;
}

.articleCard{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.articleCard .more{
  margin-top:auto;
  align-self:flex-end;
  text-align:right;
}

.articleCard__titleLink{
  color:inherit;
  text-decoration:none !important;
}

.articleCard__titleLink:link,
.articleCard__titleLink:visited,
.articleCard__titleLink:hover,
.articleCard__titleLink:focus-visible{
  text-decoration:none !important;
}

.articleCard__eyebrow{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:0.28rem 0.65rem;
  border-radius:999px;
  color:#751414;
  background:#f7ecec;
  border:1px solid #ead1d1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.articleCard p{
  margin:0;
  color:var(--muted);
}

#knowledge .section-inline-link a{
  color:#4164c7;
}

.knowledge-banner{
  margin:18px 0 0;
  display:flex;
  justify-content:center;
}

.knowledge-banner a{
  display:block;
  width:min(100%, 936px);
}

.knowledge-banner a[target="_blank"]::after{
  content:none !important;
  display:none !important;
}

.knowledge-banner img{
  display:block;
  width:100%;
  height:auto;
}

.about-capture{
  margin-top:24px;
  margin-bottom:64px;
  display:flex;
  justify-content:center;
  perspective:1200px;
}

.about-capture__frame{
  position:relative;
  width:min(100%, 700px);
}

.about-capture__frame img{
  display:block;
  width:100%;
  height:auto;
  padding:12px 12px 18px;
  background:
    linear-gradient(180deg, #3f4856 0%, #242b35 100%);
  border-radius:14px 14px 18px 18px;
  border:1px solid rgba(15,23,42,.22);
  box-shadow:
    0 18px 40px rgba(15,23,42,.16),
    0 3px 0 rgba(15,23,42,.14);
  transform:perspective(1200px) rotateX(1.5deg);
  object-fit:cover;
}

.about-capture__note{
  margin:0;
  position:absolute;
  right:18px;
  bottom:18px;
  padding:4px 8px;
  color:rgba(255,255,255,.92);
  font-size:12px;
  line-height:1.4;
  background:rgba(15,23,42,.3);
  border-radius:999px;
}

.sectionHead--legacy .section-title{
  color:#1e3a8a;
}

.sectionHead--legacy .section-title::before{
  background:#2563eb;
}

.text-note--legacy{
  color:#335ca8;
}

.legacy-card-intro{
  border-color:rgba(37,99,235,.22);
  background:linear-gradient(180deg, rgba(239,246,255,.88) 0%, rgba(255,255,255,.98) 100%);
}

.legacy-heading{
  color:#1e3a8a;
}

.hero-buttons{
  display:flex;
  gap:var(--space-2);
  flex-wrap:wrap;
  margin-top:var(--space-1);
}

.hero-tags{
  margin-top:var(--space-2);
  display:flex;
  gap:var(--space-1);
  flex-wrap:wrap;
}

.tag{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(15,23,42,.78);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.12);
}

.concept-band{
  margin-bottom:var(--space-4);
  display:grid;
  grid-template-columns:minmax(0, 320px) minmax(0, 1fr);
  gap:var(--space-3);
  align-items:stretch;
}

.concept-band__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:var(--space-2) 0;
}

.concept-band__eyebrow{
  display:flex;
  align-items:center;
  gap:var(--space-1);
  width:fit-content;
  margin:0 0 var(--space-2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  color:var(--text);
}

.concept-band__copy p{
  margin:0;
  color:var(--text);
  font-size:18px;
  line-height:1.6;
  font-weight:700;
  letter-spacing:.01em;
}

.concept-band__note{
  margin-top:var(--space-2);
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
  max-width:32ch;
}

.concept-photo{
  min-width:0;
  width:100%;
  aspect-ratio:16 / 5;
  max-height:240px;
  border-radius:4px;
  overflow:hidden;
  position:relative;
  background:linear-gradient(135deg, rgba(36,59,99,.12), rgba(143,45,63,.08)), #e5e7eb;
  border:1px solid var(--line);
  box-shadow:0 1px 0 rgba(2,6,23,.03);
}

.concept-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.concept-photo--attend-app{
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.88), rgba(255,255,255,0) 34%),
    linear-gradient(135deg, rgba(222,235,255,.88), rgba(244,248,255,.96) 52%, rgba(232,243,255,.92));
  border:1px solid rgba(148,163,184,.28);
}

.concept-photo--attend-app img{
  width:auto;
  max-width:100%;
  height:100%;
  margin-left:auto;
  object-fit:contain;
  object-position:right center;
  padding:10px 12px 10px 0;
}

.card{ padding:var(--space-2); }

.card h3{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 var(--space-2);
  font-size:16px;
  line-height:1.3;
}

.card h3::before{
  content:"";
  width:12px;
  height:12px;
  flex:0 0 auto;
}

.card h3::after{
  content:none;
}

.card p{ margin:0; color:var(--muted); font-size:14px; }

#about .card h3::before{ border-radius:999px; background:rgba(100,116,139,.46); box-shadow:0 0 0 3px rgba(100,116,139,.12); }
#about .card h3.about-title--standard::before{ background:rgba(143,91,74,.52); box-shadow:0 0 0 3px rgba(143,91,74,.12); }
#about .card h3.about-title--ux::before{ background:rgba(73,124,96,.56); box-shadow:0 0 0 3px rgba(73,124,96,.13); }
#about .card h3.about-title--growth::before{ background:rgba(64,97,146,.56); box-shadow:0 0 0 3px rgba(64,97,146,.13); }
#concept .card h3::before{ background:rgba(37,99,235,.44); clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
.concept-title-before{ color:#8f2d3f; }
.concept-title-after{ color:#243b63; }
#concept .card h3.concept-title-before::before,
#concept .card h3.concept-title-before::after,
#concept .card h3.concept-title-after::before,
#concept .card h3.concept-title-after::after{ content:none; }

.compare-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:var(--space-2);
}

.compare-card{
  overflow:hidden;
}

.compare-visual{
  float:left;
  width:110px;
  aspect-ratio:1 / 1;
  margin:0 14px 8px 0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
}

.compare-visual--before{
  background:linear-gradient(180deg, rgba(51,65,85,.06), rgba(15,23,42,.04));
}

.compare-visual--after{
  background:linear-gradient(180deg, rgba(59,130,246,.06), rgba(37,99,235,.04));
}

.compare-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.compare-visual--before img{
  filter:grayscale(1) contrast(1.05) brightness(.94);
}

.compare-card::after{
  content:"";
  display:block;
  clear:both;
}

.compare-list li{
  position:relative;
  padding-left:var(--space-3);
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}

.compare-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:10px;
  height:10px;
  transform:translateY(-50%);
}

.compare-list--before li::before{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#8f2d3f;
  box-shadow:0 0 0 3px rgba(143,45,63,.12);
}
.compare-list--after li::before{ border-radius:999px; background:#243b63; box-shadow:0 0 0 3px rgba(36,59,99,.12); }

#features .card h3{ display:block; }
#features .card h3::before,
#features .card h3::after{ content:none; }

#pricing .card h3::before{
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:12px solid rgba(180,83,9,.44);
}

#qa .card h3::before{ width:12px; height:12px; border-radius:999px; background:rgba(124,58,237,.3); box-shadow:0 0 0 3px rgba(124,58,237,.1); }
#contact .card h3::before{ width:14px; height:14px; background:rgba(190,24,93,.42); clip-path:polygon(50% 0, 100% 38%, 82% 100%, 18% 100%, 0 38%); }

.featureCard{ display:flex; gap:var(--space-2); align-items:flex-start; }
.thumb{
  width:96px;
  height:64px;
  border-radius:0;
  border:none;
  background:#f3f4f6;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

.thumb::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.28);
}

.thumb svg{
  position:relative;
  z-index:1;
  width:58px;
  height:58px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.thumb--icon-a{ color:#5d7da6; background:#e9eef5; }
.thumb--icon-b{ color:#b07b5b; background:#f4ebe3; }
.thumb--icon-c{ color:#7d6998; background:#eee9f5; }
.thumb--icon-d{ color:#5f8f88; background:#e7f0ee; }
.thumb--icon-e{ color:#b26a7a; background:#f5e8ec; }
.thumb--icon-f{ color:#5a8ea3; background:#e7f1f5; }
.thumb--icon-g{ color:#6b9271; background:#eaf2ea; }
.thumb--icon-h{ color:#b17669; background:#f4e9e6; }
.thumb--icon-i{ color:#7d6ca3; background:#ece9f5; }
.thumb--icon-j{ color:#aa8456; background:#f3ecdf; }
.thumb--icon-k{ color:#5d9384; background:#e6f1ed; }
.thumb--icon-l{ color:#7a7f9f; background:#eceef6; }
.thumb--icon-m{ color:#6a7f9e; background:#e9eef6; }

.featureMeta .pill{
  display:inline-flex;
  align-items:center;
  font-size:12px;
  font-weight:900;
  padding:4px 10px;
  border-radius:999px;
  border:none;
  color:#fff;
  margin-bottom:6px;
}

.featureMeta .pill--core{ background:#5e7490; }
.featureMeta .pill--recruit{ background:#9a6d52; }
.featureMeta .pill--career{ background:#756188; }
.featureMeta .pill--utility{ background:#587b74; }
.featureMeta .pill--remote{ background:#746487; }
.featureMeta .pill--practice{ background:#8b6672; }

.featureMeta__labels{
  display:flex;
  align-items:center;
  gap:var(--space-1);
  flex-wrap:wrap;
  margin-bottom:var(--space-1);
}

.featureMeta .neo-badge{ padding:4px 10px; margin-bottom:6px; }
.featureMeta a.more{ display:inline-block; margin-top:var(--space-1); font-size:13px; color:var(--primary2); font-weight:900; }

table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--card);
}

th, td{
  padding:12px;
  border-bottom:1px solid var(--line);
  font-size:14px;
  text-align:left;
}

th{ background:rgba(248,250,252,.95); font-weight:900; color:#0f172a; }
tr:last-child td{ border-bottom:none; }

details{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  padding:var(--space-2);
}

summary{
  cursor:pointer;
  list-style:none;
  font-weight:900;
  display:flex;
  align-items:flex-start;
  gap:var(--space-1);
}

summary::-webkit-details-marker{ display:none; }

summary::before{
  content:"Q";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:999px;
  background:#243b63;
  color:#fff;
  font-size:11px;
  font-weight:900;
  flex:0 0 auto;
  transform:translateY(1px);
}

details p{
  margin:10px 0 0;
  padding-left:28px;
  color:var(--muted);
  font-size:14px;
  position:relative;
}

details p::before{
  content:"A";
  position:absolute;
  left:0;
  top:1px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:999px;
  background:#8f2d3f;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.qa{ display:flex; flex-direction:column; gap:var(--space-2); }

form.contact{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:12px;
  padding:14px;
  border:none;
  background:transparent;
  box-shadow:none;
}

label{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  font-size:13px;
  font-weight:900;
  color:#0f172a;
}

.contact-field{
  display:grid;
  grid-template-columns:170px minmax(0, 1fr);
  align-items:center;
  gap:12px;
  padding:6px 2px;
  border:none;
  background:transparent;
  box-shadow:none;
}

.contact-field > span:first-child,
.contact-field > :first-child:not(input):not(select):not(textarea){
  display:inline-flex;
  align-items:center;
  font-size:13px;
  line-height:1.45;
}

.contact-field.is-complete > span:first-child::after,
.contact-field.is-complete > :first-child:not(input):not(select):not(textarea)::after{
  content:"✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  margin-left:8px;
  border-radius:999px;
  background:#4164c7;
  box-shadow:0 0 0 3px rgba(65,100,199,.12);
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  flex:0 0 auto;
}

.contact-field.span2{
  grid-template-columns:170px minmax(0, 1fr);
}

.contact-field:has(textarea){
  align-items:start;
}

.contact-field.is-invalid input,
.contact-field.is-invalid select,
.contact-field.is-invalid textarea{
  border-color:#d44c4c;
  background:#fff6f6;
}

.required-mark{
  color:#b42318;
  margin-left:4px;
  font-weight:900;
}

input, select, textarea{
  font:inherit;
  font-size:14px;
  font-weight:400;
  width:100%;
  min-width:0;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fbfcfe;
  outline:none;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}

input:focus, select:focus, textarea:focus{
  border-color:rgba(117,20,20,.35);
  box-shadow:0 0 0 4px rgba(117,20,20,.08);
}

.contact-field.is-filled input,
.contact-field.is-filled select,
.contact-field.is-filled textarea{
  background:#f5f9ff;
  border-color:#bfd0e6;
}

input::placeholder,
textarea::placeholder{
  color:#94a3b8;
}

textarea{ min-height:88px; resize:vertical; }
.span2{ grid-column:span 2; }

.contact-error{
  grid-column:2;
  margin-top:-4px;
  color:#b42318;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
}

.form-actions{
  margin-top:2px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

.contact-consent{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
  width:auto;
  padding:0;
  color:var(--muted);
  font-size:12.5px;
  font-weight:700;
}

.contact-consent input{
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin:1px 0 0;
  accent-color:#751414;
}

.contact-consent label{
  display:inline;
  cursor:pointer;
}

.contact-submit{
  min-width:320px;
  min-height:52px;
  font-size:15px;
  justify-content:center;
  background:#4164c7;
  border-color:#4164c7;
}

.contact-submit:disabled{
  background:#cbd5e1;
  border-color:transparent;
  box-shadow:none;
  cursor:not-allowed;
}

footer{
  padding:var(--space-4) 0 var(--space-5);
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:13px;
  background:rgba(255,255,255,.35);
}

.footerRow{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  flex-wrap:wrap;
}

@media (min-width: 901px){
  .hero-img{
    object-fit:contain;
    object-position:center;
    transform:scale(1.5);
  }

  .hero-inner{
    max-width:none;
    margin:0;
    padding-left:6vw;
    padding-right:24px;
  }
}

@media (max-width: 900px){
  main.hero{
    min-height:440px;
    padding:48px 0;
  }

  .site-nav{ display:none; }
  .header-cta .btn{ display:none; }
  .header-inner{ gap:12px; }
  .burger{ display:flex; }
  .hero-inner{ padding:0 var(--pad); }
  .expo-banner__panel{
    grid-template-columns:1fr;
    gap:18px;
  }
  .expo-banner__brand img{
    width:min(100%, 320px);
  }
}

@media (max-width: 640px){
  main.hero{
    min-height:360px;
    padding:40px 0;
  }

  .hero-copy h1{ font-size:28px; }
  form.contact{ grid-template-columns:1fr; padding:14px; }
  .contact-field,
  .contact-field.span2{ grid-template-columns:1fr; gap:8px; padding:12px; }
  .span2{ grid-column:span 1; }
  .contact-error{ grid-column:1; margin-top:0; }
  .concept-band{ grid-template-columns:1fr; }
  .concept-band__copy{ padding:0; }
  .concept-band__copy p{ font-size:16px; }
  .concept-band__note{ max-width:none; }
  .concept-photo{ aspect-ratio:16 / 7; max-height:none; }
  .compare-visual{
    width:88px;
    margin-right:12px;
  }
  .contact-submit{ min-width:100%; }
  .expo-banner{
    padding:14px 0 8px;
  }
  .expo-banner__panel{
    padding:16px;
  }
  .expo-banner__content h2{
    font-size:20px;
  }
  .expo-banner__date{
    font-size:13px;
  }
  .expo-banner__venue{
    font-size:15px;
  }
}