/* Shared layout and typography refinement. Brand colors and copy stay in site.css. */
:root { --max: 1240px; --gutter: clamp(20px, 3.2vw, 48px); --slate: #566174; }
html { scrollbar-gutter: stable; }
body { font-size: 15px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { text-wrap: pretty; }
section { padding-block: clamp(36px, 4vw, 56px); scroll-margin-top: 90px; }
.kicker { font-size: 11px; letter-spacing: .12em; line-height: 1.6; }
h2 { font-size: clamp(28px, 3vw, 36px); line-height: 1.18; }
.page-lead { font-size: 17px; line-height: 1.75; margin-top: 20px; }
.section-intro { gap: 12px 36px; }
.section-intro > p:last-child { font-size: 16px; line-height: 1.75; }
.site-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 22px; padding: 12px clamp(20px, 2.4vw, 40px); min-height: 76px; background: #f8f9fbf5; box-shadow: 0 1px 0 #17376f04; }
.brand { font-size: 20px; gap: 9px; }
.brand img { width: 30px; height: 30px; }
.primary-nav { order: initial; width: auto; border: 0; flex-wrap: nowrap; gap: clamp(14px, 1.4vw, 24px); justify-content: center; }
.primary-nav a { font-size: 13px; padding-block: 12px; }
.primary-nav a[aria-current]::after, .solutions-nav[data-active="true"] > .solutions-overview::after { bottom: 4px; border-radius: 2px; }
.solutions-toggle { width: 20px; }
.solutions-toggle.solutions-overview { position:relative; width:auto; height:auto; min-height:40px; padding:12px 0; gap:6px; font-family:inherit; font-size:13px; font-weight:600; line-height:1.5; border-radius:0; }
.solutions-toggle.solutions-overview:hover,.solutions-toggle.solutions-overview[aria-expanded="true"] { background:transparent; color:var(--navy); }
.site-header .header-actions { width: auto; margin: 0; display: flex; gap: 8px; }
.header-actions > a { min-height: 36px; padding: 8px 12px; font-size: 12px; }
.header-actions .demo-cta { min-height: 36px; padding: 8px 12px; font-size: 12px; box-shadow: none; }
.header-actions > .header-login { margin-left: 20px; padding: 8px 0 8px 4px; background: none; border: 0; border-radius: 0; box-shadow: none; color: var(--navy); font-weight: 600; }
.header-login:hover { text-decoration: underline; text-underline-offset: 5px; }
.mobile-menu-toggle { display: none; align-items: center; justify-content: center; gap: 9px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--navy); font: 600 13px/1.4 "Geist", sans-serif; cursor: pointer; }
.mobile-menu-toggle:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.hero-button, .demo-cta { transition: background .18s, box-shadow .18s, border-color .18s; }
.demo-cta { box-shadow: 0 3px 10px #87242012; }
.hero { padding-top: 48px; padding-bottom: 32px; row-gap: 30px; }
.hero-intro { align-items: center; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 56px; }
.hero-intro h1 { font-size: clamp(48px, 5vw, 64px); letter-spacing: -.045em; }

.hero-tagline { font-size: clamp(23px, 2.4vw, 30px); margin-top: 24px; }
.hero-summary { font-size: 20px; line-height: 1.7; }
.hero-actions.hero-actions-audience { margin-top: 24px; gap: 12px; }
.hero-actions-audience > a { min-height: 52px; padding: 12px; font-size: 16px; }

.activity-map-showcase { margin-block: 24px; }
#ai-activity-map { box-shadow: none; border: 1px solid var(--line); border-radius: 14px; }
.risk-grid { gap: 12px; border: 0; }
.risk-card { padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: #fafbfc; overflow: hidden; }
.risk-card-top { font-size: 10px; letter-spacing: .08em; gap: 10px; }
.risk-card h3 { font-size: 19px; margin-top: 14px; }
.risk-card > p { font-size: 14px; line-height: 1.7; }
.page-intro { padding-block: 40px 32px; }
.page-intro h1 { font-size: clamp(34px, 4vw, 48px); line-height: 1.15; margin-top: 14px; }
.page-intro .page-lead { max-width: 66ch; }
.community-project, .conversation-section, .mission-section, .story-section { padding-block: 36px; }
.project-intro { gap: 36px; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.project-intro h2 { margin-top: 12px; }
.project-intro .page-lead { font-size: 17px; margin-top: 16px; }
.project-aside { padding-left: 24px; }

.quote-grid, .mission-grid { gap: 18px; margin-top: 28px; }

.mission-grid .principle-card { padding: 26px; }
.principle-card { border-radius: 14px; }
.principle-card h3 { font-size: 22px; margin-top: 28px; }
.principle-card:hover { transform: none; }
.principle-body { font-size: 14px; line-height: 1.75; }
.timeline { margin-top: 28px; }
.timeline li { grid-template-columns: 180px 1fr; padding-bottom: 24px; gap: 28px; }
.timeline h3, .story-next h3 { font-size: 23px; }
.story-next { margin-top: 20px; padding: 28px; border-radius: 14px; }
.sme-hero, .enterprise-hero { padding-top: 40px; padding-bottom: 28px; gap: 36px; }
.sme-hero h1 { font-size: clamp(25px, 3vw, 38px); line-height: 1.25; }
.sme-hero .page-lead, .enterprise-hero .page-lead { font-size: 16px; line-height: 1.8; }
.sme-positioning, .enterprise-positioning { font-size: 13px; margin-top: 16px; }
.sme-actions { margin-top: 22px; }
.sme-challenges, .enterprise-stakes { border-radius: 14px; box-shadow: 0 4px 20px #0f224406; }
.sme-challenges h2 { font-size: clamp(20px, 2vw, 25px); }
.sme-autonomy .section-intro h2, .sme-start .section-intro h2 { font-size: clamp(21px, 2.4vw, 29px); }
.sme-autonomy .principle-grid { margin-top: 24px; }
.sme-autonomy .principle-card h3 { font-size: 21px; margin-top: 22px; }
.sme-start-grid { gap: 16px; margin-top: 24px; }
.sme-start-grid article { padding: 24px; border-radius: 14px; }
.sme-start-grid h3 { font-size: 22px; margin-top: 14px; }
.sme-start-grid p { font-size: 14px; line-height: 1.75; }
.sme-ready-panel { border-radius: 16px; }
.sme-ready-panel h2 { font-size: clamp(28px, 3vw, 36px); }
.enterprise-hero h1 { font-size: clamp(32px, 3.6vw, 44px); }
.enterprise-stakes h2 { font-size: 30px; }

.research-paper { max-width: 960px; padding-block: 40px 48px; }
.research-paper h1 { font-size: clamp(25px, 2.6vw, 32px); line-height: 1.35; }
.research-summary p { font-weight: 350; font-size: 16px; line-height: 1.85; }
.blog-index { padding-top: 36px; padding-bottom: 44px; }
.blog-index > .page-lead { margin-top: 12px; }
.blog-feature { margin-top: 24px; border-radius: 16px; gap: 32px; box-shadow: 0 4px 20px #0f224404; }
.blog-feature h2 { font-size: clamp(24px, 2.5vw, 30px); line-height: 1.3; }
.blog-post-shell { max-width: 1000px; padding-block: 28px 40px; }
.blog-post h1 { font-size: clamp(29px, 3.3vw, 38px); max-width: 36ch; line-height: 1.25; }
.blog-post .standfirst { font-weight: 350; font-size: 18px; line-height: 1.75; }
.blog-post h2 { font-size: 26px; }
.blog-post .page > p, .blog-post .page > ul { max-width: 80ch; }
.blog-post .page > p:not(.blog-source, .stats-caption), .blog-post .cta > p { font-weight: 350; }
.blog-back { margin-bottom: 20px; }
.customer-demos { padding-block: 36px; }

.demo-description p { font-size: 14px; line-height: 1.75; margin-top: 14px; }
.demo-description .text-link { margin-top: 14px; font-size: 13px; }

.demo-frame-shell { box-shadow: 0 8px 30px #0f224409; border-radius: 14px; }

footer { padding-block: 28px; gap: 10px 24px; font-size: 12px; }
.back-top { font-size: 10px; letter-spacing: .08em; }
@media (max-width: 1180px) {
  .site-header { grid-template-columns: 1fr auto; gap: 0; min-height: 68px; padding-block: 12px; }
  .mobile-menu-toggle { display: inline-flex; }
  .site-header .primary-nav, .site-header .header-actions { display: none; }
  .site-header[data-menu-open="true"] .primary-nav { display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 8px 24px; justify-content: flex-start; margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--line); }
  .site-header[data-menu-open="true"] .header-actions { display: flex; grid-column: 1 / -1; gap: 8px; margin-top: 14px; margin-bottom: 4px; }
  .site-header .header-actions > .header-login { margin-left: auto; }
  section { scroll-margin-top: 80px; }
}
@media (max-width: 1000px) {
  .hero-intro { gap: 28px; }
  
  .project-intro { grid-template-columns: 1fr; gap: 24px; }
  .project-aside { padding-left: 20px; }
}
@media (max-width: 900px) {
  .hero-intro, .sme-hero, .enterprise-hero, .sme-ready-panel { grid-template-columns: 1fr; }
  .hero-intro { gap: 24px; }
  .hero-summary { max-width: 70ch; }
  .hero-actions.hero-actions-audience { max-width: 620px; }
  .enterprise-stakes { padding: 24px; }
  .timeline li { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 650px) {
  .hero { padding-top: 30px; gap: 24px; }
  .hero-intro h1 { font-size: 48px; }
  
  .hero-tagline { font-size: 24px; margin-top: 20px; }
  .hero-summary { font-size: 18px; line-height: 1.7; }
  .hero-actions-audience > a { font-size: 14px; min-height: 54px; padding: 10px; }
  
  
  
  
  
  
  
  
  
  .page-intro h1 { font-size: 36px; }
  .community-project, .conversation-section, .mission-section, .story-section { padding-block: 28px; }
  .quote-grid, .mission-grid, .community-components { grid-template-columns: 1fr; gap: 16px; }
  
  
  
  .sme-hero h1 { font-size: clamp(23px, 5.8vw, 34px); }
  .sme-challenges h2 { font-size: clamp(18px, 5vw, 25px); }
  .sme-autonomy .section-intro h2, .sme-start .section-intro h2 { font-size: clamp(20px, 5.3vw, 28px); }
  .sme-ready-panel { padding: 24px; gap: 24px; }
  .sme-ready-panel h2 { font-size: 29px; }
  
  
  
  
  
  
  
  
  
  
  
  
  .research-paper { padding-block: 28px 36px; }
  .research-summary p { font-size: 15px; font-weight: 400; }
  .research-download { white-space: normal; }
  .blog-post .standfirst { font-size: 16px; }
  .blog-post h1 { font-size: 29px; }
  .blog-post h2 { font-size: 24px; }
  footer { flex-direction: column; align-items: flex-start; gap: 8px; }
  .back-top { margin-left: 0; margin-top: 6px; }
}
@media (max-width: 420px) {
  .site-header[data-menu-open="true"] .primary-nav { gap: 4px 20px; }
  .site-header[data-menu-open="true"] .header-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-header .header-actions > a { font-size: 11px; padding: 9px 7px; }
  .site-header .header-actions > .header-login { grid-column: 1 / -1; justify-self: end; margin-left: 0; padding-right: 0; }
  
  
  
  
  
  
  
}

/* Hash-linked pages should start below the sticky navigation. */
[data-page] { scroll-margin-top: 90px; }
@media (max-width: 650px) {
  [data-page] { scroll-margin-top: 80px; }
  .sme-actions { gap: 10px; }
  .sme-actions > a { font-size: 12px; padding: 11px 13px; }
}

/* Trial CTAs are temporarily hidden across the marketing site. */
@media (max-width: 420px) { .site-header[data-menu-open="true"] .header-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* About starts with the mission after removing the redundant introduction. */
.section-intro .mission-title { margin-top: 0; font-size: clamp(32px, 3.5vw, 42px); line-height: 1.16; letter-spacing: -.025em; font-weight: 700; }
.mission-title em { color: var(--red); font-weight: 600; }

/* Lead the SME page with its narrated customer story. */
.sme-story-section{padding-top:36px;padding-bottom:16px}
.sme-story-section:focus{outline:none}
.sme-platform-screen{padding-block:20px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.sme-platform-screen:focus{outline:none}
.sme-platform-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.sme-platform-heading .kicker{margin:0 0 6px}
.sme-platform-heading h2{font-size:clamp(22px,2.5vw,32px);margin:0}
#sme-platform-video{width:100%;height:calc(var(--sme-screen-height,100svh) - 128px);min-height:320px;border:0;border-radius:16px;background:#e4e8ee}
@media(max-width:650px){.sme-platform-heading{align-items:flex-start}.sme-platform-heading .text-link{font-size:12px}.sme-platform-screen{gap:10px}}
#sme-story-video,#enterprise-story-video{display:block;width:100%;height:calc(min(86vw,1240px)*.5625 + 280px);border:0;background:#f9f7ef;border-radius:18px}
@media(max-width:650px){.sme-story-section{padding-top:16px;padding-bottom:8px}#sme-story-video{height:1000px;border-radius:12px}}
/* SME chapters occupy a screen and settle naturally at the next section. */
html.section-scroll{--sme-screen-height:calc(100svh - var(--sme-header-height,76px));scroll-snap-type:y mandatory;scroll-padding-top:var(--sme-header-height,76px)}
.section-scroll #small-business>section,.home-section-scroll #solution>section{min-height:var(--sme-screen-height);scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;align-content:center}
.sme-section-scroll .sme-autonomy,.sme-section-scroll .sme-start,.sme-section-scroll .sme-ready{display:flex;flex-direction:column;justify-content:center}
.sme-section-scroll .sme-ready{padding-block:36px}

@media(min-width:901px) and (max-height:800px){
 .sme-section-scroll .sme-start{padding-block:20px}
 .sme-section-scroll .sme-start-grid{margin-top:18px}
 .sme-section-scroll .sme-start-grid article{padding:18px}
 .sme-section-scroll .sme-start-grid h3{font-size:20px;margin-top:10px}
 .sme-section-scroll .sme-start-grid p{margin-block:10px 14px;line-height:1.6}
 
 
}
.section-scroll footer{scroll-snap-align:end;scroll-margin:0}
@media(min-width:900px) and (min-height:650px){
 .sme-section-scroll .sme-story-section,.enterprise-section-scroll #large-enterprise>.enterprise-story-section{padding-block:20px;display:flex;flex-direction:column;justify-content:center}
 .sme-section-scroll #sme-story-video,.enterprise-section-scroll #enterprise-story-video{height:calc(var(--sme-screen-height) - 40px)!important;min-height:360px}
}
@media(prefers-reduced-motion:reduce){html.section-scroll{scroll-behavior:auto}}

/* Three complete screens on the entrance page. */
.home-section-scroll #solution>section{padding-block:32px}
.home-section-scroll #activity-overview,.home-section-scroll #risks{display:flex;flex-direction:column;justify-content:center}
.home-section-scroll #activity-overview{background:#fff;border-block:1px solid var(--line)}
.home-section-scroll .activity-map-showcase{margin-block:20px 0}
.home-section-scroll .risk-grid{margin-top:28px}
@media(min-width:1100px){
 .home-section-scroll #ai-activity-map{height:calc(var(--sme-screen-height) - 108px)!important;min-height:550px}
}

/* OpenSource: project story, current capabilities, and practical deployment. */
.opensource-history{color:var(--slate);font-size:16px;line-height:1.8;margin-top:16px;max-width:64ch}
#community .project-aside h3{font-size:26px;line-height:1.25;color:var(--navy);margin:18px 0 12px}
.opensource-evolution{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.opensource-section-heading h2{font-size:clamp(26px,3vw,36px);line-height:1.18;margin:12px 0 14px;letter-spacing:-.025em}
.opensource-section-heading>p:not(.kicker){color:var(--slate);max-width:72ch;font-size:16px;line-height:1.7}
/* Five capability cards, each with an accent top border and a highlight box, as on the plan's solution slide. */
.opensource-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:22px}
.opensource-benefits article{--accent:var(--navy);display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:14px}
.opensource-benefits article:nth-child(1){--accent:#a3761c}
.opensource-benefits article:nth-child(3){--accent:#1b7a78}
.opensource-benefits article:nth-child(4){--accent:var(--red)}
.opensource-benefits article:nth-child(5){--accent:#6a3f9c}
.opensource-card-head{display:flex;align-items:baseline;gap:8px}
.opensource-number{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.02em}
.opensource-benefits h3{font-size:20px;line-height:1.25;color:var(--navy);margin:0}
.opensource-benefits p{font-size:14px;line-height:1.6;color:var(--slate);margin:12px 0 16px}
.opensource-highlight{margin-top:auto;padding:12px 14px;border-radius:10px;background:#8724200f}
.opensource-highlight-label{display:block;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}
.opensource-benefits .opensource-highlight p{margin:5px 0 0;color:var(--ink);font-size:13px;line-height:1.55}
.opensource-highlight b{color:var(--red);font-weight:800}
/* The highlight boxes of one row share a height: each card lays its head, text and box on the row grid. */
@supports(grid-template-rows:subgrid){.opensource-benefits article{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}.opensource-benefits .opensource-highlight{margin-top:0;align-self:stretch}}
.opensource-evolution>.source-note{margin-top:16px}

.opensource-deployment{padding-block:40px;border-bottom:1px solid var(--line)}
.opensource-deployment{background:#fff}
.opensource-deploy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.opensource-deploy-card{border:1px solid var(--line);border-radius:16px;padding:28px;min-width:0}
.opensource-deploy-card h3,.opensource-model h3{font-size:25px;line-height:1.3;color:var(--navy);margin:14px 0}
.opensource-deploy-card p{font-size:14px;line-height:1.8;color:var(--slate)}
.opensource-deploy-card pre{padding:20px;background:#17293e;color:#eef2f8;border-radius:10px;overflow-x:auto;font-size:12px;line-height:1.9;margin:22px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.opensource-deploy-card p code{font-size:12px;overflow-wrap:anywhere;background:#f2f4f7;padding:2px 4px;border-radius:3px}
.opensource-deploy-note{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
.opensource-steps{padding:0;list-style:none;counter-reset:deploy;display:grid;gap:20px;margin:24px 0}
.opensource-steps li{counter-increment:deploy;position:relative;padding-left:40px;font-size:14px;line-height:1.65}
.opensource-steps li:before{content:counter(deploy);position:absolute;left:0;top:0;width:27px;height:27px;display:grid;place-items:center;background:#f4e7ea;color:var(--red);border-radius:50%;font-size:12px;font-weight:700}
.opensource-steps strong,.opensource-steps span{display:block}.opensource-steps strong{color:var(--navy)}.opensource-steps span{color:var(--slate);margin-top:4px}

@media(max-width:1100px){.opensource-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.opensource-benefits article{padding:18px}.opensource-deploy-card{padding:22px}}
@media(max-width:700px){.opensource-benefits,.opensource-deploy-grid,.opensource-model{grid-template-columns:1fr}.opensource-evolution{margin-top:28px}.opensource-deployment{padding-block:28px}}

/* Emphasize the SME outcome without adding another screen. */
.sme-time-benefit{display:flex;align-items:center;gap:18px;margin:24px 0;padding:18px 20px;border-left:3px solid #168367;background:#edf7f1;border-radius:0 10px 10px 0;max-width:580px}
.sme-time-benefit>strong{font-size:48px;line-height:1;color:#13745b;letter-spacing:-.05em;flex-shrink:0}
.sme-time-benefit p{margin:0;color:var(--navy);font-size:14px;line-height:1.65}
@media(max-width:650px){.sme-time-benefit{padding:15px;gap:14px}.sme-time-benefit>strong{font-size:40px}}

/* Enterprise chapters: three clear modules per screen. */
.enterprise-section-scroll #large-enterprise>section{min-height:var(--sme-screen-height);scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;align-content:center;padding-block:32px}

.enterprise-section-scroll #large-enterprise>.sme-ready{display:flex;flex-direction:column;justify-content:center}
@media(min-width:901px) and (max-height:800px){
 .enterprise-section-scroll #large-enterprise>section{padding-block:22px}
 
 
 
 
 
 
 
 
 
}
@media(max-width:900px){
 
 
 
 
 
 
}
@media(max-width:650px){.enterprise-section-scroll #large-enterprise>section{padding-block:28px}}

/* Demo players and their closing CTAs stay together in normal document flow. */
html.section-scroll.continuous-tail{scroll-snap-type:none}
.sme-section-scroll #small-business>.customer-demos,
.enterprise-section-scroll #large-enterprise>.customer-demos,
.enterprise-section-scroll #large-enterprise>.sme-ready{min-height:0;scroll-snap-align:none;scroll-snap-stop:normal;align-content:normal}
.enterprise-section-scroll #large-enterprise>.sme-ready{padding-top:0;padding-bottom:36px;display:block}
.sme-section-scroll footer,.enterprise-section-scroll footer{scroll-snap-align:none}

/* OpenSource chapters: one readable topic per viewport. */
.opensource-section-scroll #community>section{min-height:var(--sme-screen-height);scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;align-content:center;padding-block:32px}
#community>.opensource-evolution{margin-top:0;border-bottom:1px solid var(--line)}

@media(min-width:1001px){
 .opensource-section-scroll .opensource-deploy-card{padding:24px}
 .opensource-section-scroll .opensource-deploy-card pre{margin:18px 0;padding:16px}
}
@media(max-width:1000px){
 
 
 .opensource-section-scroll #community>section{padding-block:32px}
}
@media(min-width:1001px){.opensource-section-scroll .opensource-steps{gap:16px;margin:20px 0}}

/* One visual narrative: six actions, one AI agent, a completed security report. */

.team-title{fill:#435976;font-size:11px;font-weight:650}

.action-mobile-hint{display:none}

@keyframes todo-appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes task-send{0%{offset-distance:0;opacity:0;transform:scale(.9)}15%{opacity:1}80%{opacity:1}100%{offset-distance:100%;opacity:0;transform:scale(.5)}}@keyframes agent-scan{to{transform:rotate(360deg)}}@keyframes agent-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.15)}}@keyframes report-send{0%{offset-distance:0;opacity:0}15%,85%{opacity:1}100%{offset-distance:100%;opacity:0}}
@media(max-width:900px){}
@media(max-width:600px){.action-mobile-hint{display:block;text-align:center;font-size:11px;color:#5a6372;padding:6px 0}}
@media(prefers-reduced-motion:reduce){}

/* Closing invitation follows the entrance-page recommendations. */

.sme-ready-panel .ready-demo-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 26px;background:#fff;color:var(--deep);border:1px solid #fff;font-size:15px;font-weight:700;box-shadow:0 4px 16px #0002;white-space:nowrap}
.sme-ready-panel .ready-demo-button:hover{background:#e4f2f3;border-color:#e4f2f3;transform:translateY(-1px)}
.sme-ready-panel .ready-demo-button:focus-visible{outline:3px solid #a9d7dc;outline-offset:5px}

/* Updated commercial metrics, supplied October 27, 2026. */
.marketing-overview{display:grid;gap:16px}
.marketing-icon{display:inline-grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--metric-color);color:#fff}
.marketing-icon svg{width:19px;height:19px}
.marketing-deployment{--metric-color:#27803b;display:flex;align-items:center;gap:16px;padding:16px 22px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--metric-color);border-radius:14px}
.marketing-deployment h2{margin:0;font-size:16px;line-height:1.25;color:var(--navy)}
.marketing-deployment strong{font-size:clamp(27px,2.6vw,34px);font-weight:650;line-height:1.15;letter-spacing:-.025em;color:var(--metric-color);white-space:nowrap;margin-left:12px}
.marketing-deployment p{font-size:15px;color:var(--ink)}
.marketing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.marketing-card{--metric-color:#2b2b78;padding:20px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:4px solid var(--metric-color);border-radius:14px;min-width:0}
.marketing-posture{--metric-color:#886600}.marketing-guardrail{--metric-color:#8c2c8f}.marketing-detection{--metric-color:#00818b}
.marketing-card-heading{display:flex;align-items:center;gap:10px;min-height:40px}
.marketing-card h2{margin:0;font-size:15px;font-weight:650;line-height:1.4;color:var(--navy)}
.marketing-number{font-size:clamp(32px,3.1vw,40px);line-height:1.15;letter-spacing:-.03em;font-weight:650;color:var(--metric-color);margin:20px 0 10px;white-space:nowrap}
.marketing-number span{font-size:.48em;font-weight:600;letter-spacing:0;margin-left:5px}
.marketing-detail{font-size:14px;line-height:1.55;margin-bottom:18px;min-height:44px}

@media(min-width:1001px) and (max-height:800px){
 .home-section-scroll #top{row-gap:22px;padding-block:24px}
 .marketing-overview{gap:12px}.marketing-card{padding:16px}.marketing-number{margin-top:14px;font-size:36px}
 .marketing-deployment{padding-block:12px}.marketing-deployment strong{font-size:30px}
 .marketing-detail{font-size:13px;margin-bottom:12px}
}
@media(max-width:1000px){.marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-deployment{flex-wrap:wrap;gap:12px}.marketing-deployment p{flex-basis:100%;padding-left:42px}.marketing-deployment strong{margin-left:auto}}
@media(max-width:520px){.marketing-grid{grid-template-columns:1fr}.marketing-card{padding:22px}.marketing-card-heading{min-height:0}.marketing-detail{min-height:0}.marketing-deployment{padding:18px}.marketing-deployment h3{font-size:14px}.marketing-deployment strong{font-size:30px}.marketing-deployment p{padding-left:0}.marketing-number{font-size:36px}}

.marketing-detail{color:#424b5b}.marketing-deployment h2{font-weight:650}

/* Customer pages end directly with their closing invitation. */
.sme-section-scroll #small-business>.sme-ready{min-height:0;scroll-snap-align:none;scroll-snap-stop:normal;align-content:normal;padding-top:0;padding-bottom:36px;display:block}

@media(max-width:600px){}

/* The headline and action animation share one desktop screen. */

.home-section-scroll #solution>.home-ready-section{min-height:0;scroll-snap-align:none;scroll-snap-stop:normal;padding-top:0;display:block}
@media(min-width:901px) and (min-height:600px){}

/* Homepage chapter moved from the SME page. */
.home-section-scroll #heavy-lifting{display:flex;flex-direction:column;justify-content:center}
@media(min-width:901px) and (max-height:800px){#heavy-lifting .opensource-benefits{gap:16px;margin-top:20px}#heavy-lifting .opensource-benefits article{padding:18px}#heavy-lifting .opensource-benefits h3{font-size:19px}#heavy-lifting .opensource-benefits p{font-size:14px;line-height:1.55;margin:10px 0 14px}#heavy-lifting .opensource-highlight{padding:12px 14px}#heavy-lifting .opensource-highlight-label{font-size:11px}#heavy-lifting .opensource-benefits .opensource-highlight p{font-size:13px;margin-top:5px}}
@media(min-width:901px) and (max-height:750px){#heavy-lifting .principle-card{padding:20px}#heavy-lifting .principle-body{font-size:13px;line-height:1.65}#heavy-lifting .principle-card h3{font-size:20px;margin-top:18px}#heavy-lifting .section-intro>p:last-child{font-size:14px}}

@media(min-width:901px){#heavy-lifting .principle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1100px){#heavy-lifting .principle-card{padding:16px}#heavy-lifting .principle-card h3{font-size:18px}#heavy-lifting .principle-body{font-size:12px;line-height:1.65}}

#heavy-lifting .section-intro > p:last-child{max-width:50ch}

/* Backend and endpoint installation share one desktop chapter. */
.opensource-install-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.opensource-install-heading h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:10px 0 0}
.opensource-install-heading .resource-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0;font-size:13px}
.opensource-installation .opensource-deploy-grid{gap:20px;margin-top:22px}
@media(min-width:1001px){.opensource-installation .opensource-deploy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.opensource-installation .opensource-deploy-card{padding:20px}
.opensource-installation .opensource-deploy-card h3{font-size:23px;margin:10px 0}
.opensource-installation .opensource-deploy-card p{font-size:13px;line-height:1.65}
.opensource-installation .opensource-deploy-card pre{font-size:11.5px;line-height:1.7;margin:16px 0;padding:14px}
.opensource-installation .opensource-deploy-note{padding-top:12px;margin-top:12px}
.opensource-installation .opensource-steps{gap:12px;margin:16px 0}
.opensource-installation .opensource-steps li{font-size:13px;line-height:1.6}
@media(min-width:901px) and (max-height:750px){.opensource-section-scroll #community>.opensource-installation{padding-block:22px}}
@media(max-width:900px){.opensource-install-heading{align-items:flex-start;flex-direction:column;gap:16px}.opensource-installation .opensource-deploy-grid{grid-template-columns:1fr}}

/* Project origins and the next generation share one desktop screen. */
@media(min-width:901px){
 .opensource-section-scroll #community>.community-story-screen{padding-block:18px}
 .community-story-screen .project-intro{gap:40px;grid-template-columns:1.25fr 1fr;align-items:end}
 .community-story-screen .project-side .opensource-history{margin-top:0}
 .community-story-screen .project-side .demo-cta{font-size:13px;margin-top:12px;padding:10px 18px}
 .community-story-screen .project-intro h2{font-size:30px;line-height:1.2;margin-top:10px}
 .community-story-screen .project-intro .page-lead{font-weight:400;font-size:14px;line-height:1.65;margin-top:12px}
 .community-story-screen .opensource-history{font-size:13px;line-height:1.65;margin-top:10px}
 #community .community-story-screen .project-aside h3{font-size:21px;line-height:1.2;margin:10px 0 8px}
 .community-story-screen .project-aside p{font-size:13px;line-height:1.65;margin-top:8px}
 .community-story-screen .project-aside .demo-cta{font-size:12px;margin-top:12px;padding:10px 16px}
 .community-story-screen .project-intro .page-lead{margin-top:8px}
 .community-story-screen .opensource-history{margin-top:6px}
 .community-story-screen .opensource-evolution{margin-top:18px;padding-top:16px}
 .community-story-screen .opensource-section-heading h2{font-size:26px;margin:0}
 .community-story-screen .principle-grid{margin-top:12px;gap:14px}
 .community-story-screen .principle-card{padding:20px}
 .community-story-screen .principle-card h3{font-size:20px;margin-top:18px}
 .community-story-screen .principle-body{font-size:13px;line-height:1.65}
 .community-story-screen .opensource-evolution>.source-note{margin-top:10px;font-size:11px}
}

/* Metric explanations: the number is a button; pointing, focusing or tapping it shows the card's note. */
.marketing-card,.marketing-deployment,.sme-time-benefit{position:relative}
.sme-time-benefit{--metric-color:#13745b}
.metric-pop{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;white-space:inherit;cursor:help;text-decoration:underline dotted;text-decoration-thickness:2px;text-underline-offset:.16em;text-decoration-color:color-mix(in srgb,var(--metric-color) 45%,transparent);border-radius:4px}
.metric-pop:hover,.marketing-card.is-open .metric-pop,.marketing-deployment.is-open .metric-pop{text-decoration-color:var(--metric-color)}
.metric-pop:focus-visible{outline:2px solid var(--metric-color);outline-offset:4px}
.metric-popover{position:absolute;left:0;right:0;bottom:calc(100% + 10px);z-index:30;padding:14px 16px;border-radius:12px;background:var(--deep);color:#e8edf6;font-size:13.5px;line-height:1.55;font-weight:400;letter-spacing:0;white-space:normal;text-align:left;box-shadow:0 16px 40px #0f224433;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s,transform .16s,visibility 0s linear .16s;pointer-events:none}
.metric-popover::before{content:"";position:absolute;left:28px;bottom:-6px;width:12px;height:12px;background:var(--deep);transform:rotate(45deg)}
.marketing-deployment .metric-popover{left:auto;right:0;max-width:560px}
.sme-time-benefit .metric-popover{font-size:13px}
.marketing-deployment .metric-popover::before{left:auto;right:28px}
.metric-pop:hover~.metric-popover,.metric-pop:focus-visible~.metric-popover,.marketing-number:has(.metric-pop:hover)~.metric-popover,.marketing-number:has(.metric-pop:focus-visible)~.metric-popover,strong:has(.metric-pop:hover)~.metric-popover,strong:has(.metric-pop:focus-visible)~.metric-popover,.is-open>.metric-popover{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}
.marketing-card.is-open,.marketing-deployment.is-open{z-index:31}
@media(hover:none){.metric-pop{cursor:pointer}}
@media(prefers-reduced-motion:reduce){.metric-popover{transition:none}}

/* Hero headline and the credibility line under the metric cards. */
.hero-kicker{margin-bottom:14px}
.hero-intro h1.hero-headline{font-size:clamp(30px,3.3vw,42px);line-height:1.14;letter-spacing:-.03em;color:var(--navy)}
.hero-tagline{margin-top:18px}
.hero-proof{grid-column:1/-1;margin:0;text-align:center;font-size:13px;line-height:1.6;color:var(--slate)}
.hero-proof a{color:var(--navy);font-weight:600;text-decoration:none}
.hero-proof a:hover{text-decoration:underline}
/* The info mark shows that a number has an explanation. */
.metric-info{display:inline-flex;align-items:center;justify-content:center;width:.5em;height:.5em;min-width:17px;min-height:17px;margin-left:.18em;vertical-align:.42em;color:var(--metric-color);opacity:.8}
.metric-info svg{width:100%;height:100%}
.metric-pop:hover .metric-info,.is-open .metric-info,.metric-pop:focus-visible .metric-info{opacity:1}
.marketing-number span+.metric-info{vertical-align:.5em}
.sme-time-benefit .metric-info{vertical-align:.55em;min-width:16px;min-height:16px}
/* Audience links in the hero: a lead-in, an icon tile, the audience, an arrow. */
.hero-audience{margin-top:6px}
.hero-audience-label{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.hero-actions-audience > a.audience-link{justify-content:flex-start;gap:12px;padding:10px 14px 10px 10px;text-align:left;line-height:1.2}
.audience-icon{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px}
.audience-icon svg{width:21px;height:21px}
.hero-button-hosted .audience-icon{background:#ffffff1f;color:#fff}
.hero-button-source .audience-icon{background:#17376f12;color:var(--navy)}
.audience-text{flex:1;min-width:0}
.audience-arrow{flex:none;transition:transform .18s}
.audience-link:hover .audience-arrow{transform:translateX(3px)}
@media(max-width:520px){.hero-actions-audience > a.audience-link{padding:8px 10px 8px 8px}.audience-icon{width:32px;height:32px}.audience-icon svg{width:19px;height:19px}}
.hero-intro-brand .hero-actions-try{margin:24px 0 0}
.hero-intro-copy .hero-audience{margin-top:18px}
/* The left column's buttons sit at its bottom, level with the industry tiles that end the right column. */
@media(min-width:901px){.hero-intro{align-items:stretch}.hero-intro-brand{display:flex;flex-direction:column}.hero-intro-brand .hero-actions-try{margin-top:auto;padding-top:24px}.hero-intro-copy{display:flex;flex-direction:column;justify-content:flex-start}.hero-intro-copy .hero-audience{margin-top:18px;padding-top:0}}
/* Entrance screen after risk mitigation: SME on the left, enterprise on the right. */
.audience-summary-kicker{margin:0 0 16px}
.audience-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.audience-card{--metric-color:var(--navy);display:flex;flex-direction:column;gap:12px;padding:26px 28px 28px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--metric-color);border-radius:16px;min-width:0}
.audience-card-enterprise{--metric-color:#00818b}
.audience-card-head{display:flex;align-items:center;gap:12px}
.audience-card-head .audience-icon{background:var(--metric-color);color:#fff}
.audience-card-head .kicker{margin:0}
.audience-card h3{margin:4px 0 0;font-size:clamp(20px,2vw,26px);line-height:1.2;color:var(--navy)}
.audience-card h3 em{color:var(--red);font-weight:600}
.audience-card>p{margin:0;font-size:15px;line-height:1.6;color:#424b5b}
.audience-card ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px;color:var(--ink)}
.audience-card li{padding-left:18px;position:relative}
.audience-card li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--metric-color)}
.audience-more{align-self:flex-start;margin-top:auto;padding-inline:18px;background:var(--metric-color);border-color:var(--metric-color)}
.audience-more:hover{filter:brightness(1.08)}
.home-section-scroll #audiences{display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){.audience-summary-grid{grid-template-columns:1fr}.audience-card{padding:22px}}
/* Industry use-case cards: the foot of the Home audience screen and of the SME and enterprise closing screens. */
.audience-industries{margin-top:28px}
.industry-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.audience-industries .kicker{margin:0;color:var(--slate)}
.industry-all{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.industry-all:hover{text-decoration:underline}
.industry-all:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:4px}
.industry-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.industry-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;min-height:104px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);font-size:15px;font-weight:700;line-height:1.25;text-decoration:none;box-shadow:0 2px 10px #0f224412;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.industry-link svg{width:30px;height:30px;flex:none}
.industry-link:hover,.industry-link:focus-visible{border-color:var(--navy);background:#17376f08;transform:translateY(-2px);box-shadow:0 10px 24px #0f224422}
.industry-link:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media(min-width:901px) and (max-height:800px){.audience-industries{margin-top:20px}.industry-link{min-height:88px;padding:13px 15px;gap:10px}.industry-link svg{width:26px;height:26px}}
@media(max-width:1000px){.industry-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.audience-industries{margin-top:20px}}
@media(max-width:560px){.industry-links{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-link{min-height:84px;padding:14px;font-size:15px}.industry-link svg{width:26px;height:26px}}
/* About: the founders. */
.team-section{padding-block:36px;border-top:1px solid var(--line)}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.team-card{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0}

.team-card h3{margin:16px 0 2px;font-size:18px;line-height:1.3;color:var(--navy)}
.team-role{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.team-card>p:not(.team-role):not(.team-meta){margin:12px 0 0;font-size:14px;line-height:1.55;color:#424b5b}
.team-meta{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--slate)}
.team-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.team-facts div{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-left:3px solid var(--navy);background:#fff;border-radius:0 10px 10px 0}
.team-facts strong{font-size:18px;color:var(--navy)}
.team-facts span{font-size:13px;color:var(--slate)}
@media(max-width:1000px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-facts{grid-template-columns:1fr}}
@media(max-width:600px){.team-grid{grid-template-columns:1fr}.team-section{padding-block:28px}}
.team-photo{display:block;width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#f0f2f5}
.team-link{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:14px;align-self:flex-start;font-size:13px;font-weight:700;color:var(--navy);text-decoration:none}
.team-link:hover{text-decoration:underline}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Founder cards share row heights, so the school line and the LinkedIn link align across cards. */
@supports(grid-template-rows:subgrid){
  .team-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;align-content:start}
  .team-card>p:not(.team-role):not(.team-meta){margin-top:12px}
  .team-meta{margin-top:14px;align-self:start}
  .team-link{margin-top:14px;padding-top:0;align-self:start}
}
/* Each risk card points at the use case that shows it. */
.risk-card{display:flex;flex-direction:column}
.risk-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:13px;font-weight:700;color:var(--navy);text-decoration:none;align-self:flex-start}
.risk-link span{transition:transform .18s}
.risk-link:hover{text-decoration:underline}.risk-link:hover span{transform:translateX(3px)}
/* The SME and enterprise pages end with a light strip; the entrance page keeps the full panel. */
.sme-ready-light .sme-ready-panel{background:#fff;border:1px solid var(--line);color:var(--ink)}
.sme-ready-light .sme-ready-panel .kicker{color:var(--red)}
.sme-ready-light .sme-ready-panel h2{color:var(--navy)}
.sme-ready-light .sme-ready-panel h2 em{color:var(--red)}
.sme-ready-light .sme-ready-panel p:last-child{color:var(--slate)}
.sme-ready-light .sme-ready-actions{flex-direction:row;flex-wrap:wrap}
.sme-ready-light .sme-ready-panel .ready-demo-button{background:var(--navy);color:#fff;border-color:var(--navy)}
.sme-ready-light .sme-ready-panel .ready-demo-button:hover{background:var(--deep);border-color:var(--deep)}
.sme-ready-light .sme-ready-panel .ready-demo-button+.ready-demo-button{background:transparent;color:var(--navy)}
.sme-ready-light .sme-ready-panel .ready-demo-button+.ready-demo-button:hover{background:#17376f0a}
/* Hero: industry icons under the audience links; the name pops up on hover or focus. */
.hero-industries{margin-top:22px}
.hero-industry-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hero-industry{position:relative;display:inline-grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);text-decoration:none;transition:border-color .18s,background .18s,transform .18s}
.hero-industry svg{width:26px;height:26px}
.hero-industry:hover,.hero-industry:focus-visible{border-color:var(--navy);background:#17376f08;transform:translateY(-2px)}
.hero-industry:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.hero-industry-name{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:30;padding:7px 11px;border-radius:8px;background:var(--deep);color:#e8edf6;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 10px 24px #0f224433;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .16s,transform .16s,visibility 0s linear .16s;pointer-events:none}
.hero-industry-name::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--deep);transform:translateX(-50%) rotate(45deg)}
.hero-industry:hover .hero-industry-name,.hero-industry:focus-visible .hero-industry-name{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.hero-industry-all{margin-left:4px;color:var(--navy);font-size:14px;font-weight:600;text-decoration:none}
.hero-industry-all:hover{text-decoration:underline}
@media(hover:none){.hero-industry{display:inline-flex;align-items:center;gap:7px;width:auto;height:auto;min-height:40px;padding:7px 11px;border-radius:999px}.hero-industry svg{width:20px;height:20px}.hero-industry-name{position:static;opacity:1;visibility:visible;transform:none;padding:0;background:none;color:inherit;box-shadow:none;font-size:13px}.hero-industry-name::after{display:none}}
/* First screen of the home page: smaller type for the headline, tagline, summary, buttons and metric numbers. */
.hero-intro h1.hero-headline{font-size:clamp(23px,2.4vw,30px)}
.hero-tagline{font-size:clamp(19px,2.2vw,25px)}
.hero-summary{font-size:17px;line-height:1.65}
.hero-actions-try .hero-button,.hero-actions-try .demo-cta{min-height:48px;padding:12px 20px;font-size:15px}
.hero-actions-audience > a{font-size:15px;min-height:52px}
.hero-industry-all{font-size:13px}
.marketing-number,.marketing-deployment strong{font-size:clamp(24px,2.2vw,28px)}
@media(max-width:650px){.hero-tagline{font-size:21px}.hero-summary{font-size:16px}.hero-actions-audience > a{font-size:13px}.marketing-number,.marketing-deployment strong{font-size:26px}}
/* Narrowest phones: the two audience buttons stack so their labels are not clipped. */
@media(max-width:360px){.hero-actions.hero-actions-audience{grid-template-columns:1fr}}