/* MENET product design */
:root { --accent:#0067b8; --fg:#171a1f; --muted:#59636e; --line:#e5e8ed; }
body { font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif; }
.container { width:min(1320px,calc(100% - 96px)); }
.company-page .header { border:0; }
.company-page .topbar { min-height:72px; }
.company-page .brand { font-size:24px; font-weight:650; letter-spacing:-.7px; }
.company-page .nav { gap:27px; font-size:13px; }
.company-page .nav .btn { border:0; background:transparent; color:#20242b; padding:10px 0 10px 14px; font-weight:500; }
.company-page .nav .btn:hover { color:var(--accent); background:transparent; }
.company-page .nav .btn .icon { width:17px; }
.company-page .btn { border-radius:2px; background:var(--accent); border-color:var(--accent); font-weight:600; font-size:14px; padding:13px 21px; }
.company-page .btn:hover { background:#00599f; border-color:#00599f; box-shadow:0 3px 9px #113d6420; }
.company-page .btn.outline { background:transparent; color:var(--accent); border:0; padding-left:0; padding-right:0; }
.company-page .btn.outline:hover { background:transparent; box-shadow:none; text-decoration:underline; text-underline-offset:5px; }
.company-page .link { font-size:14px; font-weight:600; }
.company-page .eyebrow { font-size:11px; font-weight:600; letter-spacing:.075em; }
.company-page .hero { padding:0; background:linear-gradient(112deg,#f1f6ff 0%,#eaf1fd 42%,#e4eafa 75%,#e8f2fb 100%); overflow:hidden; position:relative; }
.hero-stage { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:48px; min-height:600px; padding:74px 0 66px; position:relative; }
.hero-left { position:relative; z-index:2; padding:0 0 22px; }
.hero-label { display:inline-block; color:#145fab; font-size:13px; font-weight:600; margin-bottom:19px; }
.company-page .hero h1 { font-size:clamp(45px,4.5vw,66px); font-weight:650; letter-spacing:-.04em; line-height:1.1; margin:0 0 23px; color:#171d28; }
.company-page .hero h1 span { color:inherit; }
.hero-description { color:#414d60; font-size:17px; line-height:1.75; max-width:420px; margin:0 0 26px; }
.hero-left .actions { gap:16px; }
.company-page .hero-foot { font-size:11px; color:#627083; margin-top:20px; }
.hero-right { min-width:0; position:relative; padding:35px 0 4px; }
.hero-art { position:absolute; width:112%; max-width:none; height:auto; top:-178px; left:-2%; pointer-events:none; }
.hero-right .workspace-preview { position:relative; z-index:1; margin:0; }
.hero-right .workspace-frame { grid-template-columns:140px minmax(0,1fr); min-height:365px; border:1px solid #ffffffbd; border-radius:7px; box-shadow:0 24px 65px #1e3d6d28,0 2px 8px #183a6810; transform:perspective(1800px) rotateY(-7deg) rotateX(2deg); transform-origin:left center; background:#fff; }
.hero-right .workspace-sidebar { padding:20px 7px 13px; background:#f7f9fc; }
.hero-right .workspace-brand { font-size:15px; padding:0 8px 25px; gap:5px; }
.hero-right .workspace-brand img { width:21px; height:21px; }
.hero-right .workspace-brand > span { display:none; }
.hero-right .workspace-group { font-size:6px; letter-spacing:.07em; padding:0 8px; }
.hero-right .workspace-sidebar > a:not(.workspace-brand),.hero-right .workspace-nav-bottom a { font-size:9px; padding:9px 8px; gap:7px; }
.hero-right .workspace-sidebar .icon { width:14px; height:14px; }
.hero-right .workspace-toolbar { height:43px; padding:0 17px; font-size:8px; gap:9px; }
.hero-right .workspace-slash { padding:0 5px; }
.hero-right .sample-label { font-size:7px; }
.hero-right .workspace-content { padding:20px 17px; }
.hero-right .workspace-heading { margin-bottom:19px; }
.hero-right .workspace-heading h3 { font-size:20px; }
.hero-right .workspace-heading p { font-size:8px; }
.hero-right .workspace-export { padding:6px 7px; font-size:8px; gap:5px; }
.hero-right .workspace-stats { padding:13px 0; margin-bottom:20px; }
.hero-right .workspace-stats > div { padding:0 10px; }
.hero-right .workspace-stats span { font-size:8px; }
.hero-right .workspace-stats strong { font-size:22px; }
.hero-right .workspace-stats small { font-size:9px; }
.hero-right .workspace-list-title { font-size:9px; }
.hero-right .workspace-list-title > a { font-size:8px; }
.hero-right .workspace-table { font-size:8px; }
.hero-right .workspace-table th { font-size:7px; padding:8px; }
.hero-right .workspace-table td { padding:10px 8px; }
.hero-right .resource-name { gap:5px; }
.hero-right .resource-name .icon { width:12px; height:12px; }
.hero-right .status-label { font-size:8px; }
.hero-right .workspace-preview figcaption { display:block; text-align:right; padding:19px 5px 0; font-size:9px; color:#65728a; }
.hero-right .workspace-preview figcaption > span:first-child { display:none; }
.company-page .strip { border:0; margin:0; padding:28px 0; color:#354050; font-size:12px; }
.quick-links { background:#ffffff; border-bottom:1px solid #e5e8ed; }
.company-page .strip div { justify-content:center; gap:10px; }
.company-page .strip .icon { color:var(--accent); width:20px; height:20px; }
.company-page .section { padding:80px 0; }
.company-page .section h2 { font-size:clamp(31px,3vw,42px); line-height:1.2; letter-spacing:-.035em; font-weight:600; margin-top:12px; }
.company-page .section-top { align-items:flex-end; margin-bottom:35px; }
.company-page .section-top p { font-size:14px; max-width:380px; }
.company-page .products { grid-template-columns:1fr 1fr; border:0; gap:27px; border-radius:0; overflow:visible; }
.company-page .product { padding:0; background:#fff; border:1px solid #e5e8ed; box-shadow:0 4px 14px #142f5108; }
.product-visual { width:100%; height:250px; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:center; background:#dce9fc; }
.product-visual > img { width:85%; height:170%; position:absolute; top:-31%; right:-4%; object-fit:contain; }
.product-visual.arena-visual { background:linear-gradient(135deg,#e7edfe,#d4e6fe); }
.product-visual.clubnet-visual { background:linear-gradient(135deg,#16304f,#355c8b); }
.clubnet-visual > img { opacity:.65; width:95%; right:-16%; }
.product-visual .visual-caption { position:absolute; left:29px; bottom:24px; color:#183b69; z-index:2; }
.visual-caption span { display:block; letter-spacing:.1em; font-size:9px; font-weight:500; margin-bottom:4px; }
.visual-caption strong { font-size:29px; font-weight:600; letter-spacing:-1px; }
.clubnet-visual .visual-caption { color:#ffffff; }
.visual-window { position:absolute; width:220px; height:139px; top:34px; left:34px; border-radius:5px; background:#ffffffd9; border:1px solid #ffffff; box-shadow:13px 17px 36px #426bbf20; padding:12px; transform:perspective(600px) rotateY(-13deg) rotateX(4deg); }
.visual-window:before { content:""; display:block; height:6px; width:59px; background:#c3cfea; margin:0 0 15px; }
.visual-window div { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.visual-window i { display:block; height:65px; border-radius:3px; background:linear-gradient(135deg,#f2f6fd,#e0eafd); border:1px solid #d6e1f4; position:relative; }
.visual-window i:before { content:""; position:absolute; left:10px; right:10px; top:16px; height:20px; border:1px solid #8eabdb; border-radius:2px; }
.visual-window i:after { content:""; position:absolute; left:17px; right:17px; top:38px; height:1px; background:#8eabdb; }
.visual-window i:first-child { background:#caddff; }
.product-copy { padding:29px; display:flex; flex-direction:column; flex:1; }
.product-copy .product-top { display:none; }
.company-page .product h3 { font-size:27px; letter-spacing:-.6px; font-weight:600; margin:0 0 13px; }
.company-page .product p { max-width:none; margin-bottom:24px; font-size:14px; }
.company-page .product .link { margin-top:auto; align-self:flex-start; }
.company-page .product-note { font-size:11px; margin-top:19px; }
.company-page .feature-row { padding:29px 0; grid-template-columns:52px 1fr 1.1fr; }
.company-page .feature-row h3 { font-size:21px; font-weight:500; }
.company-page .feature-row .number { color:#a0a9b5; }
.company-page .section-soft { background:linear-gradient(112deg,#101f35,#173b65); color:#fff; border:0; }
.company-page .section-soft h2 { color:#fff; font-size:47px; }
.company-page .section-soft .eyebrow { color:#9fcaff; }
.company-page .pricing-description { color:#d1dbea; font-size:16px; }
.company-page .pricing-grid > div:first-child > .note { color:#91a8c6; }
.company-page .price-card { border:0; border-radius:2px; box-shadow:0 18px 45px #00000012; padding:35px; color:#20252d; }
.company-page .price { font-size:57px; font-weight:600; }
.company-page .career { gap:80px; }
.company-page .career-contact > a { color:var(--accent); font-size:25px; letter-spacing:-.5px; }
.company-page .footer { background:#f2f2f2; border:0; padding:37px 0 28px; }
.company-page .footer-links { gap:30px; }
.company-page .footer-bottom { padding-top:30px; }
/* Match the workspace to the product brand. */
.sidebar .brand { font-weight:650; }
.side-nav button.active { background:#e9f2fc; color:#0067b8; }
.app-shell { background:#f5f7fa; }
.card,.stat,.pc-card,.table-scroll { border-radius:4px; }
.btn { background:var(--accent); border-color:var(--accent); border-radius:3px; }
.btn.secondary,.btn.outline { background:#fff; border-color:#cfd5dd; }
.avatar { background:#e2effb; color:#0067b8; }

@media(min-width:1650px) {
  .hero-stage { min-height:640px; }
  .hero-right .workspace-frame { min-height:386px; }
  .hero-right .workspace-table td { padding-top:12px; padding-bottom:12px; }
}
@media(max-width:1150px) {
  .container { width:calc(100% - 64px); }
  .hero-stage { gap:27px; grid-template-columns:.88fr 1.12fr; min-height:570px; padding-top:62px; padding-bottom:54px; }
  .company-page .hero h1 { font-size:53px; }
  .hero-description { font-size:15px; }
  .hero-right .workspace-frame { grid-template-columns:112px minmax(0,1fr); }
  .hero-right .workspace-sidebar { padding-left:4px; padding-right:4px; }
  .hero-right .workspace-sidebar > a:not(.workspace-brand),.hero-right .workspace-nav-bottom a { font-size:8px; gap:5px; padding:9px 6px; }
  .hero-right .workspace-group { display:none; }
  .hero-right .workspace-content { padding:18px 12px; }
  .hero-right .workspace-toolbar { padding:0 12px; }
  .hero-right .sample-label { display:none; }
  .hero-right .workspace-stats > div { padding:0 6px; }
  .hero-right .workspace-stats span { font-size:7px; }
  .hero-right .workspace-stats strong { font-size:19px; }
  .hero-right .workspace-table th,.hero-right .workspace-table td { padding-left:6px; padding-right:6px; }
  .hero-right .workspace-table th:nth-child(2),.hero-right .workspace-table td:nth-child(2) { display:none; }
  .company-page .nav { gap:20px; }
  .product-visual { height:220px; }
  .visual-window { width:190px; height:132px; }
}
@media(max-width:850px) and (min-width:761px) {
  .hero-stage { grid-template-columns:1fr; padding-top:50px; gap:10px; }
  .hero-left { max-width:570px; }
  .hero-right { width:min(620px,100%); margin-left:auto; padding-top:30px; }
  .hero-right .workspace-frame { grid-template-columns:140px minmax(0,1fr); }
  .hero-art { width:90%; left:13%; top:-165px; }
  .hero-right .workspace-stats span { font-size:8px; }
  .hero-right .workspace-table th:nth-child(2),.hero-right .workspace-table td:nth-child(2) { display:table-cell; }
}
@media(max-width:760px) {
  .container { width:calc(100% - 36px); }
  .company-page .topbar { min-height:66px; }
  .company-page .brand { font-size:22px; }
  .company-page .nav .btn { padding:9px 0; font-size:11px; gap:6px; }
  .hero-stage { display:block; padding:45px 0 26px; min-height:0; }
  .hero-left { padding:0; }
  .hero-label { font-size:12px; margin-bottom:15px; }
  .company-page .hero h1 { font-size:clamp(42px,9vw,62px); margin-bottom:20px; }
  .hero-description { font-size:15px; max-width:460px; margin-bottom:20px; }
  .hero-left .actions { gap:12px 20px; }
  .company-page .btn { font-size:12px; padding:12px 15px; }
  .company-page .hero-foot { font-size:10px; margin-top:15px; }
  .hero-right { margin-top:36px; padding:29px 0 0; }
  .hero-art { width:100%; top:-107px; left:12%; opacity:.75; }
  .hero-right .workspace-frame { grid-template-columns:1fr; transform:none; min-height:0; border-radius:5px; box-shadow:0 16px 35px #223d6920; }
  .hero-right .workspace-sidebar { display:none; }
  .hero-right .workspace-content { padding:18px 16px; }
  .hero-right .workspace-toolbar { padding:0 16px; font-size:9px; }
  .hero-right .sample-label { display:block; font-size:7px; }
  .hero-right .workspace-stats { grid-template-columns:repeat(4,1fr); padding:13px 0; }
  .hero-right .workspace-stats > div { padding:0 8px; }
  .hero-right .workspace-stats > div:nth-child(-n+2) { border-bottom:0; }
  .hero-right .workspace-stats > div:nth-child(2) { border-right:1px solid var(--line); }
  .hero-right .workspace-stats span { font-size:7px; }
  .hero-right .workspace-stats strong { font-size:20px; }
  .hero-right .workspace-stats small { font-size:8px; }
  .hero-right .workspace-table { min-width:0; width:100%; }
  .hero-right .workspace-table th,.hero-right .workspace-table td { padding:9px 7px; font-size:8px; }
  .hero-right .workspace-preview figcaption { text-align:left; padding-top:13px; font-size:8px; }
  .hero-right .workspace-list-title { font-size:9px; }
  .company-page .strip { grid-template-columns:1fr 1fr; gap:18px 12px; padding:24px 0; font-size:10px; }
  .company-page .strip div { justify-content:flex-start; }
  .company-page .strip .icon { width:17px; height:17px; }
  .company-page .section { padding:52px 0; }
  .company-page .section-top { display:block; margin-bottom:26px; }
  .company-page .section h2 { font-size:32px; }
  .company-page .section-top p { font-size:13px; }
  .company-page .products { grid-template-columns:1fr; gap:21px; }
  .product-visual { height:235px; }
  .visual-window { left:25px; top:32px; width:205px; }
  .product-visual > img { right:-15%; }
  .product-copy { padding:25px; }
  .company-page .product h3 { font-size:25px; }
  .company-page .product p { font-size:13px; }
  .company-page .product .link { font-size:13px; }
  .company-page .feature-row { grid-template-columns:26px 1fr; gap:10px 16px; padding:23px 0; }
  .company-page .feature-row h3 { font-size:18px; }
  .company-page .section-soft h2 { font-size:36px; }
  .company-page .pricing-description { font-size:14px; }
  .company-page .price-card { padding:26px; }
  .company-page .price { font-size:48px; }
  .company-page .career { gap:28px; }
  .company-page .career-contact > a { font-size:21px; }
  .company-page .footer-links { gap:20px; }
}
@media(max-width:380px) {
  .container { width:calc(100% - 28px); }
  .company-page .hero h1 { font-size:39px; }
  .hero-right .sample-label { display:none; }
  .hero-right .workspace-content { padding:16px 12px; }
  .hero-right .workspace-stats > div { padding:0 6px; }
  .hero-right .workspace-stats strong { font-size:18px; }
  .hero-right .workspace-table th,.hero-right .workspace-table td { padding-left:5px; padding-right:5px; }
  .company-page .career-contact > a { font-size:18px; }
  .company-page .price-card { padding:22px; }
}