@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Space+Grotesk:wght@500;600&display=swap');:root{ --buy:#FFD814; --buy-hover:#F0B800; --blue:#2C75FF; --ink:#0F1E33; --body:#33445A; --muted:#6B7A90; --surface:#FFFFFF; --alt:#F4F7FB; --border:#E2E8F0; --green:#16A34A; --green-tint:#E7F6ED; --bright:#43D359; --info:#E8F0FF; --slate:#64748B; --orange:#FF551A; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }.elementor-167392 *{box-sizing:border-box}.elementor-167392 h1, .elementor-167392 h2, .elementor-167392 h3, .elementor-167392 h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink);font-weight:600;line-height:1.25;margin:0 0 .4em}.elementor-167392 h1{font-size:30px}.elementor-167392 h2{font-size:22px}.elementor-167392 h3{font-size:16px}.elementor-167392 p{margin:0 0 1em}.elementor-167392 a{color:var(--blue);text-decoration:none}.elementor-167392 a:hover{text-decoration:underline}.elementor-167392 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.elementor-167392 .section{padding:56px 0;border-top:1px solid var(--border)}.elementor-167392 .section.alt{background:var(--alt)}.elementor-167392 .eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}.elementor-167392 .mono{font-family:var(--mono)}.elementor-167392 .muted{color:var(--muted)}.elementor-167392 /* Prototype banner */ .proto{background:var(--ink);color:#cfe0ff;font-size:13px;text-align:center;padding:7px 12px;font-family:'Space Grotesk'}.elementor-167392 .proto b{color:#fff}.elementor-167392 /* Hero */ .hero{background: radial-gradient(circle at 12% 18%, rgba(44,117,255,.06) 0, transparent 38%), radial-gradient(circle at 88% 8%, rgba(44,117,255,.05) 0, transparent 32%), var(--surface); padding:30px 0 48px}.elementor-167392 .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.elementor-167392 .crumb a{color:var(--muted)}.elementor-167392 .badge-partner{display:inline-flex;align-items:center;gap:8px;background:var(--info);color:#1b4fd1;border:1px solid #cfe0ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;font-family:'Space Grotesk';margin-bottom:16px}.elementor-167392 .hero h1{max-width:18ch}.elementor-167392 .hero-sub{font-size:18px;color:var(--body);max-width:60ch;margin-bottom:22px}.elementor-167392 .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:26px}.elementor-167392 .trust{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:500}.elementor-167392 .trust svg{flex:none}.elementor-167392 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.elementor-167392 .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;border-radius:7px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;transition:.15s}.elementor-167392 .btn-primary{background:var(--blue);color:#fff}.elementor-167392 .btn-primary:hover{background:#1b5fe0;text-decoration:none}.elementor-167392 .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.elementor-167392 .btn-outline:hover{background:var(--info);text-decoration:none}.elementor-167392 .btn-buy{background:var(--buy);color:var(--ink)}.elementor-167392 .btn-buy:hover{background:var(--buy-hover);text-decoration:none}.elementor-167392 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.elementor-167392 .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,30,51,.06)}.elementor-167392 .kpi .n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--ink);line-height:1.1}.elementor-167392 .kpi .l{font-size:12.5px;color:var(--muted);margin-top:4px}.elementor-167392 /* Sticky nav */ .snav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.elementor-167392 .snav .wrap{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.elementor-167392 .snav a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--body);padding:14px 12px;white-space:nowrap;border-bottom:2px solid transparent}.elementor-167392 .snav a:hover{color:var(--blue);text-decoration:none}.elementor-167392 .snav a.active{color:var(--blue);border-bottom-color:var(--blue)}.elementor-167392 /* Sizing cards */ .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.elementor-167392 .size-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-167392 .size-card .ic{width:42px;height:42px;border-radius:10px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.elementor-167392 .size-card h3{font-size:17px}.elementor-167392 .size-card .who{font-size:13px;color:var(--muted);margin-bottom:10px}.elementor-167392 .size-card ul{margin:0 0 16px;padding-left:18px;font-size:14.5px}.elementor-167392 .size-card li{margin-bottom:5px}.elementor-167392 .size-card .pick{margin-top:auto;font-size:14px;font-weight:500;color:var(--ink)}.elementor-167392 .size-card a.jump{font-weight:600}.elementor-167392 /* Tables */ .tcap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:30px 0 10px}.elementor-167392 .tcap h3{font-size:17px;margin:0}.elementor-167392 .tcap .note{font-size:13px;color:var(--muted)}.elementor-167392 .tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.elementor-167392 table.models{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}.elementor-167392 table.models thead th{background:var(--alt);text-align:left;font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.elementor-167392 table.models th.num, .elementor-167392 table.models td.num{text-align:right;font-variant-numeric:tabular-nums}.elementor-167392 table.models td{padding:11px 14px;border-bottom:1px solid var(--border)}.elementor-167392 table.models tbody tr:nth-child(even){background:#fafcff}.elementor-167392 table.models tbody tr:hover{background:var(--info)}.elementor-167392 table.models tbody tr:last-child td{border-bottom:none}.elementor-167392 .m-name{font-weight:500;color:var(--ink)}.elementor-167392 .m-name a{color:var(--ink)}.elementor-167392 .m-name a:hover{color:var(--blue)}.elementor-167392 .val{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.elementor-167392 .pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:var(--green-tint);color:#0f7a3d;border-radius:999px;padding:3px 9px;white-space:nowrap}.elementor-167392 .pill.dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.elementor-167392 .pill.legacy{background:#eef1f6;color:var(--slate)}.elementor-167392 .pill.legacy::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--slate)}.elementor-167392 tr.legacy-row{background:#fbfcfe!important}.elementor-167392 tr.legacy-row .m-name a{color:var(--slate)}.elementor-167392 tr.legacy-row .val{color:var(--slate)}.elementor-167392 tr.legacy-row .view a{color:var(--slate)}.elementor-167392 tr.divider td{background:var(--alt);font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);padding:8px 14px}.elementor-167392 .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:13px;color:var(--muted)}.elementor-167392 .legend span{display:inline-flex;align-items:center;gap:6px}.elementor-167392 .view{font-weight:600;font-size:13.5px;white-space:nowrap}.elementor-167392 .dl-row{margin-top:14px;font-size:14px}.elementor-167392 /* Use cases */ .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.elementor-167392 .uc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.elementor-167392 .uc .ic{width:38px;height:38px;border-radius:9px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.elementor-167392 .uc h3{font-size:15.5px}.elementor-167392 .uc p{font-size:14px;margin:0}.elementor-167392 /* Services */ .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.elementor-167392 .svc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;border-top:3px solid var(--blue)}.elementor-167392 .svc.lead{border-top-color:var(--orange)}.elementor-167392 .svc .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-family:'Space Grotesk'}.elementor-167392 .svc h3{font-size:16px;margin:6px 0 8px}.elementor-167392 .svc p{font-size:14px;margin:0}.elementor-167392 /* Why us */ .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.elementor-167392 .why{padding:6px 0}.elementor-167392 .why .ic{margin-bottom:10px}.elementor-167392 .why h3{font-size:15px}.elementor-167392 .why p{font-size:13.5px;margin:0;color:var(--muted)}.elementor-167392 /* FAQ */ .faq{max-width:820px;margin-top:8px}.elementor-167392 .faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}.elementor-167392 .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:16px 18px;font-family:'Space Grotesk';font-weight:500;font-size:15.5px;color:var(--ink)}.elementor-167392 .faq-q .chev{transition:.2s;flex:none;color:var(--blue)}.elementor-167392 .faq-item.open .chev{transform:rotate(180deg)}.elementor-167392 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.elementor-167392 .faq-item.open .faq-a{max-height:340px;padding-bottom:16px}.elementor-167392 .faq-a p{font-size:14.5px;margin:0}.elementor-167392 /* CTA strip */ .ctastrip{background:var(--ink);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.elementor-167392 .ctastrip h2{color:#fff;margin:0 0 6px}.elementor-167392 .ctastrip p{color:#b9c6da;margin:0;font-size:15px}.elementor-167392 /* footer note */ .foot{font-size:12.5px;color:var(--muted);padding:26px 0 50px}.elementor-167392 details.spec{margin-top:18px;border:1px dashed var(--border);border-radius:10px;padding:6px 16px;background:var(--alt)}.elementor-167392 details.spec summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;color:var(--ink);padding:10px 0}.elementor-167392 details.spec pre{white-space:pre-wrap;font-size:12.5px;color:var(--body);background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;overflow:auto}.elementor-167392 /* Sticky mobile quote bar */ .mbar{display:none}@media(max-width:760px){.elementor-167392 h1{font-size:25px}.elementor-167392 h2{font-size:20px}.elementor-167392 .kpis{grid-template-columns:repeat(2,1fr)}.elementor-167392 .size-grid, .elementor-167392 .uc-grid, .elementor-167392 .svc-grid, .elementor-167392 .why-grid{grid-template-columns:1fr}.elementor-167392 .section{padding:40px 0}.elementor-167392 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:10px 16px;gap:10px;box-shadow:0 -2px 10px rgba(15,30,51,.08)}.elementor-167392 .mbar .btn{flex:1;justify-content:center;padding:12px} }.elementor-167392 .variants{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.elementor-167392 .variants.mono{font-family:var(--mono);font-size:12px}.elementor-167392 .callout{background:var(--info);border:1px solid #cfe0ff;border-radius:12px;padding:18px 20px;max-width:760px}.elementor-167392 .callout strong{font-family:'Space Grotesk';color:var(--ink);display:block;margin-bottom:8px}.elementor-167392 .callout ul{margin:0 0 10px;padding-left:18px;font-size:14px}.elementor-167392 .callout li{margin-bottom:6px}.elementor-167392 .eol-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-167392 .models-var td{vertical-align:middle}.elementor-167392 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:10px 14px}.elementor-167392 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px}.elementor-167392 .series-head .sname a{color:var(--ink)}.elementor-167392 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-167392 .series-head .shead-link{float:right;font-size:13px;font-weight:600}.elementor-167392 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-167392 .models-var .mvar a:hover{color:var(--blue)}.elementor-167392 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-167392 .models-var td{vertical-align:middle}.elementor-167392 tr.series-head{cursor:pointer}.elementor-167392 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:11px 14px}.elementor-167392 tr.series-head:hover td{background:#e6eef9}.elementor-167392 .series-head .chev{transition:.18s;color:var(--blue);vertical-align:-2px;margin-right:8px}.elementor-167392 .series-head.is-open .chev{transform:rotate(90deg)}.elementor-167392 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--ink)}.elementor-167392 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-167392 .series-head .shead-meta{float:right;display:inline-flex;align-items:center;gap:10px}.elementor-167392 .series-head .ct{font-size:12.5px;color:var(--muted)}.elementor-167392 .var-row{display:none}.elementor-167392 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-167392 .models-var .mvar a:hover{color:var(--blue)}.elementor-167392 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-167392 .btn-sm{padding:8px 14px;font-size:13.5px;min-height:auto}.elementor-167392 .expand-bar{margin:6px 0 4px;display:flex;justify-content:flex-end}.elementor-167392 .var-row.lg-var{display:table-row}.elementor-167392 .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.elementor-167392 .hero-text .hero-sub{max-width:48ch}.elementor-167392 .hero-media{text-align:center}.elementor-167392 .hero-media img{max-width:100%;height:auto;border-radius:14px}@media(max-width:820px){.elementor-167392 .hero-grid{grid-template-columns:1fr;gap:20px}}

/* ==========================================================================
   DC360 FortiGate HUB — page enhancements
   File: storefront-child/dc360-assets/dc360-fghub.css  (auto-enqueued on the
   FortiGate hub page /fortinet/fortigate/, id 167392).
   Added 2026-06-22. All rules are scoped to .elementor-167392 so nothing can
   leak site-wide. This page predates the site-wide .dc-* design system; these
   rules extend the existing bespoke hub styles. Prefer .dc-* for new work.
   ========================================================================== */

/* --- Hero subtitle (split out of the H1) --- */
.elementor-167392 .hero-tag{font-family:'Space Grotesk';font-size:18px;font-weight:500;color:var(--muted);margin:2px 0 14px}

/* --- Hero trust badges + Select Partner image (ported from the model pages) --- */
.elementor-167392 .dc360-badges{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:16px}
.elementor-167392 .dc360-badges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--body);font-family:'Space Grotesk'}
.elementor-167392 .dc360-badges i{font-size:15px;color:var(--blue)}
.elementor-167392 .dc360-auth{width:416px;max-width:100%;height:auto;display:block;margin:18px 0 0}
@media(max-width:768px){.elementor-167392 .dc360-badges{justify-content:center}.elementor-167392 .dc360-auth{margin-left:auto;margin-right:auto}}

/* --- Sticky nav: feature "Available models" as a hover/focus dropdown --- */
.elementor-167392 .snav .snav-optwrap{position:relative;display:inline-flex;align-items:center}
.elementor-167392 .snav a.feat{background:var(--blue);color:#fff;border-radius:8px;padding:8px 13px;margin:6px 2px;border-bottom:none!important}
.elementor-167392 .snav a.feat:hover{background:var(--blue-action,#1B5FE0);color:#fff}
.elementor-167392 .snav-sub{display:none;position:absolute;top:calc(100% - 2px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgb(15 30 51/.16);padding:6px;min-width:172px;z-index:60}
.elementor-167392 .snav-optwrap:hover .snav-sub,.elementor-167392 .snav-optwrap:focus-within .snav-sub{display:block}
.elementor-167392 .snav-sub a{display:block;padding:8px 12px;border-radius:8px;border-bottom:none!important;font-size:13.5px;white-space:nowrap}
.elementor-167392 .snav-sub a:hover{background:var(--info);color:var(--blue)}

/* --- Hero KPI cards: restrained. White cards (from base), brand-blue number
       and one calm blue left accent. No multi-color tints. --- */
.elementor-167392 .kpi{border-left:3px solid var(--blue)}
.elementor-167392 .kpi .n{color:var(--blue-action,#1B5FE0)}

/* --- Bottom section cards: subtle accent only (toned down per feedback —
       one calm blue top accent + gentle hover, no multi-color rotation). --- */
.elementor-167392 .size-card,.elementor-167392 .uc{border-top:3px solid var(--blue);transition:transform .15s,box-shadow .15s}
.elementor-167392 .size-card:hover,.elementor-167392 .uc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgb(15 30 51/.08)}

/* --- Sticky-nav anchor offset so headings aren't hidden under the bar --- */
.elementor-167392 section[id],.elementor-167392 .tcap[id]{scroll-margin-top:72px}

/* --- Mobile (<=640px): stack the model tables into readable rows.
       Desktop layout is untouched (all inside this media query). --- */
@media(max-width:640px){
 .elementor-167392 .tbl-scroll{overflow:visible}
 .elementor-167392 table.models-var{min-width:0;width:100%}
 .elementor-167392 .models-var thead{display:none}
 .elementor-167392 .models-var tr{display:block}
 .elementor-167392 .models-var td{display:block;border:none;padding:0}
 .elementor-167392 .models-var .var-row{padding:11px 13px;border-bottom:1px solid var(--border)}
 .elementor-167392 .models-var .var-row .mvar{font-weight:600;font-size:15px}
 .elementor-167392 .models-var .var-row .val{font-family:var(--mono);color:var(--muted);font-size:12px;margin-top:2px}
 .elementor-167392 .models-var .var-row .diff{font-size:12.5px;color:var(--body);margin-top:3px}
 .elementor-167392 .models-var .var-row .view{margin-top:7px}
 .elementor-167392 .models-var .var-row .view a{display:inline-block;font-weight:600}
 /* legacy EOO/LSED/EOS cells: inline with small labels */
 .elementor-167392 #legacy .models-var .var-row .num.val{display:inline-block;margin:5px 14px 0 0;font-size:12px}
 .elementor-167392 #legacy .models-var .var-row td:nth-child(3)::before{content:'EOO ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-167392 #legacy .models-var .var-row td:nth-child(4)::before{content:'LSED ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-167392 #legacy .models-var .var-row td:nth-child(5)::before{content:'EOS ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
}
/* hub 174077 shares FortiGate-family hub styling */
:root{ --buy:#FFD814; --buy-hover:#F0B800; --blue:#2C75FF; --ink:#0F1E33; --body:#33445A; --muted:#6B7A90; --surface:#FFFFFF; --alt:#F4F7FB; --border:#E2E8F0; --green:#16A34A; --green-tint:#E7F6ED; --bright:#43D359; --info:#E8F0FF; --slate:#64748B; --orange:#FF551A; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }.elementor-174077 *{box-sizing:border-box}.elementor-174077 h1, .elementor-174077 h2, .elementor-174077 h3, .elementor-174077 h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink);font-weight:600;line-height:1.25;margin:0 0 .4em}.elementor-174077 h1{font-size:30px}.elementor-174077 h2{font-size:22px}.elementor-174077 h3{font-size:16px}.elementor-174077 p{margin:0 0 1em}.elementor-174077 a{color:var(--blue);text-decoration:none}.elementor-174077 a:hover{text-decoration:underline}.elementor-174077 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.elementor-174077 .section{padding:56px 0;border-top:1px solid var(--border)}.elementor-174077 .section.alt{background:var(--alt)}.elementor-174077 .eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}.elementor-174077 .mono{font-family:var(--mono)}.elementor-174077 .muted{color:var(--muted)}.elementor-174077  .proto{background:var(--ink);color:#cfe0ff;font-size:13px;text-align:center;padding:7px 12px;font-family:'Space Grotesk'}.elementor-174077 .proto b{color:#fff}.elementor-174077  .hero{background: radial-gradient(circle at 12% 18%, rgba(44,117,255,.06) 0, transparent 38%), radial-gradient(circle at 88% 8%, rgba(44,117,255,.05) 0, transparent 32%), var(--surface); padding:30px 0 48px}.elementor-174077 .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.elementor-174077 .crumb a{color:var(--muted)}.elementor-174077 .badge-partner{display:inline-flex;align-items:center;gap:8px;background:var(--info);color:#1b4fd1;border:1px solid #cfe0ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;font-family:'Space Grotesk';margin-bottom:16px}.elementor-174077 .hero h1{max-width:18ch}.elementor-174077 .hero-sub{font-size:18px;color:var(--body);max-width:60ch;margin-bottom:22px}.elementor-174077 .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:26px}.elementor-174077 .trust{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:500}.elementor-174077 .trust svg{flex:none}.elementor-174077 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.elementor-174077 .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;border-radius:7px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;transition:.15s}.elementor-174077 .btn-primary{background:var(--blue);color:#fff}.elementor-174077 .btn-primary:hover{background:#1b5fe0;text-decoration:none}.elementor-174077 .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.elementor-174077 .btn-outline:hover{background:var(--info);text-decoration:none}.elementor-174077 .btn-buy{background:var(--buy);color:var(--ink)}.elementor-174077 .btn-buy:hover{background:var(--buy-hover);text-decoration:none}.elementor-174077 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.elementor-174077 .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,30,51,.06)}.elementor-174077 .kpi .n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--ink);line-height:1.1}.elementor-174077 .kpi .l{font-size:12.5px;color:var(--muted);margin-top:4px}.elementor-174077  .snav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.elementor-174077 .snav .wrap{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.elementor-174077 .snav a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--body);padding:14px 12px;white-space:nowrap;border-bottom:2px solid transparent}.elementor-174077 .snav a:hover{color:var(--blue);text-decoration:none}.elementor-174077 .snav a.active{color:var(--blue);border-bottom-color:var(--blue)}.elementor-174077  .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.elementor-174077 .size-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174077 .size-card .ic{width:42px;height:42px;border-radius:10px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.elementor-174077 .size-card h3{font-size:17px}.elementor-174077 .size-card .who{font-size:13px;color:var(--muted);margin-bottom:10px}.elementor-174077 .size-card ul{margin:0 0 16px;padding-left:18px;font-size:14.5px}.elementor-174077 .size-card li{margin-bottom:5px}.elementor-174077 .size-card .pick{margin-top:auto;font-size:14px;font-weight:500;color:var(--ink)}.elementor-174077 .size-card a.jump{font-weight:600}.elementor-174077  .tcap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:30px 0 10px}.elementor-174077 .tcap h3{font-size:17px;margin:0}.elementor-174077 .tcap .note{font-size:13px;color:var(--muted)}.elementor-174077 .tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.elementor-174077 table.models{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}.elementor-174077 table.models thead th{background:var(--alt);text-align:left;font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.elementor-174077 table.models th.num, .elementor-174077 table.models td.num{text-align:right;font-variant-numeric:tabular-nums}.elementor-174077 table.models td{padding:11px 14px;border-bottom:1px solid var(--border)}.elementor-174077 table.models tbody tr:nth-child(even){background:#fafcff}.elementor-174077 table.models tbody tr:hover{background:var(--info)}.elementor-174077 table.models tbody tr:last-child td{border-bottom:none}.elementor-174077 .m-name{font-weight:500;color:var(--ink)}.elementor-174077 .m-name a{color:var(--ink)}.elementor-174077 .m-name a:hover{color:var(--blue)}.elementor-174077 .val{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.elementor-174077 .pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:var(--green-tint);color:#0f7a3d;border-radius:999px;padding:3px 9px;white-space:nowrap}.elementor-174077 .pill.dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.elementor-174077 .pill.legacy{background:#eef1f6;color:var(--slate)}.elementor-174077 .pill.legacy::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--slate)}.elementor-174077 tr.legacy-row{background:#fbfcfe!important}.elementor-174077 tr.legacy-row .m-name a{color:var(--slate)}.elementor-174077 tr.legacy-row .val{color:var(--slate)}.elementor-174077 tr.legacy-row .view a{color:var(--slate)}.elementor-174077 tr.divider td{background:var(--alt);font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);padding:8px 14px}.elementor-174077 .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:13px;color:var(--muted)}.elementor-174077 .legend span{display:inline-flex;align-items:center;gap:6px}.elementor-174077 .view{font-weight:600;font-size:13.5px;white-space:nowrap}.elementor-174077 .dl-row{margin-top:14px;font-size:14px}.elementor-174077  .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.elementor-174077 .uc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.elementor-174077 .uc .ic{width:38px;height:38px;border-radius:9px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.elementor-174077 .uc h3{font-size:15.5px}.elementor-174077 .uc p{font-size:14px;margin:0}.elementor-174077  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.elementor-174077 .svc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;border-top:3px solid var(--blue)}.elementor-174077 .svc.lead{border-top-color:var(--orange)}.elementor-174077 .svc .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-family:'Space Grotesk'}.elementor-174077 .svc h3{font-size:16px;margin:6px 0 8px}.elementor-174077 .svc p{font-size:14px;margin:0}.elementor-174077  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.elementor-174077 .why{padding:6px 0}.elementor-174077 .why .ic{margin-bottom:10px}.elementor-174077 .why h3{font-size:15px}.elementor-174077 .why p{font-size:13.5px;margin:0;color:var(--muted)}.elementor-174077  .faq{max-width:820px;margin-top:8px}.elementor-174077 .faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}.elementor-174077 .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:16px 18px;font-family:'Space Grotesk';font-weight:500;font-size:15.5px;color:var(--ink)}.elementor-174077 .faq-q .chev{transition:.2s;flex:none;color:var(--blue)}.elementor-174077 .faq-item.open .chev{transform:rotate(180deg)}.elementor-174077 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.elementor-174077 .faq-item.open .faq-a{max-height:340px;padding-bottom:16px}.elementor-174077 .faq-a p{font-size:14.5px;margin:0}.elementor-174077  .ctastrip{background:var(--ink);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.elementor-174077 .ctastrip h2{color:#fff;margin:0 0 6px}.elementor-174077 .ctastrip p{color:#b9c6da;margin:0;font-size:15px}.elementor-174077  .foot{font-size:12.5px;color:var(--muted);padding:26px 0 50px}.elementor-174077 details.spec{margin-top:18px;border:1px dashed var(--border);border-radius:10px;padding:6px 16px;background:var(--alt)}.elementor-174077 details.spec summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;color:var(--ink);padding:10px 0}.elementor-174077 details.spec pre{white-space:pre-wrap;font-size:12.5px;color:var(--body);background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;overflow:auto}.elementor-174077  .mbar{display:none}@media(max-width:760px){.elementor-174077 h1{font-size:25px}.elementor-174077 h2{font-size:20px}.elementor-174077 .kpis{grid-template-columns:repeat(2,1fr)}.elementor-174077 .size-grid, .elementor-174077 .uc-grid, .elementor-174077 .svc-grid, .elementor-174077 .why-grid{grid-template-columns:1fr}.elementor-174077 .section{padding:40px 0}.elementor-174077 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:10px 16px;gap:10px;box-shadow:0 -2px 10px rgba(15,30,51,.08)}.elementor-174077 .mbar .btn{flex:1;justify-content:center;padding:12px} }.elementor-174077 .variants{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.elementor-174077 .variants.mono{font-family:var(--mono);font-size:12px}.elementor-174077 .callout{background:var(--info);border:1px solid #cfe0ff;border-radius:12px;padding:18px 20px;max-width:760px}.elementor-174077 .callout strong{font-family:'Space Grotesk';color:var(--ink);display:block;margin-bottom:8px}.elementor-174077 .callout ul{margin:0 0 10px;padding-left:18px;font-size:14px}.elementor-174077 .callout li{margin-bottom:6px}.elementor-174077 .eol-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174077 .models-var td{vertical-align:middle}.elementor-174077 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:10px 14px}.elementor-174077 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px}.elementor-174077 .series-head .sname a{color:var(--ink)}.elementor-174077 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174077 .series-head .shead-link{float:right;font-size:13px;font-weight:600}.elementor-174077 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174077 .models-var .mvar a:hover{color:var(--blue)}.elementor-174077 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174077 .models-var td{vertical-align:middle}.elementor-174077 tr.series-head{cursor:pointer}.elementor-174077 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:11px 14px}.elementor-174077 tr.series-head:hover td{background:#e6eef9}.elementor-174077 .series-head .chev{transition:.18s;color:var(--blue);vertical-align:-2px;margin-right:8px}.elementor-174077 .series-head.is-open .chev{transform:rotate(90deg)}.elementor-174077 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--ink)}.elementor-174077 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174077 .series-head .shead-meta{float:right;display:inline-flex;align-items:center;gap:10px}.elementor-174077 .series-head .ct{font-size:12.5px;color:var(--muted)}.elementor-174077 .var-row{display:none}.elementor-174077 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174077 .models-var .mvar a:hover{color:var(--blue)}.elementor-174077 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174077 .btn-sm{padding:8px 14px;font-size:13.5px;min-height:auto}.elementor-174077 .expand-bar{margin:6px 0 4px;display:flex;justify-content:flex-end}.elementor-174077 .var-row.lg-var{display:table-row}.elementor-174077 .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.elementor-174077 .hero-text .hero-sub{max-width:48ch}.elementor-174077 .hero-media{text-align:center}.elementor-174077 .hero-media img{max-width:100%;height:auto;border-radius:14px}@media(max-width:820px){.elementor-174077 .hero-grid{grid-template-columns:1fr;gap:20px}}




.elementor-174077 .hero-tag{font-family:'Space Grotesk';font-size:18px;font-weight:500;color:var(--muted);margin:2px 0 14px}


.elementor-174077 .dc360-badges{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:16px}
.elementor-174077 .dc360-badges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--body);font-family:'Space Grotesk'}
.elementor-174077 .dc360-badges i{font-size:15px;color:var(--blue)}
.elementor-174077 .dc360-auth{width:416px;max-width:100%;height:auto;display:block;margin:18px 0 0}
@media(max-width:768px){.elementor-174077 .dc360-badges{justify-content:center}.elementor-174077 .dc360-auth{margin-left:auto;margin-right:auto}}


.elementor-174077 .snav .snav-optwrap{position:relative;display:inline-flex;align-items:center}
.elementor-174077 .snav a.feat{background:var(--blue);color:#fff;border-radius:8px;padding:8px 13px;margin:6px 2px;border-bottom:none!important}
.elementor-174077 .snav a.feat:hover{background:var(--blue-action,#1B5FE0);color:#fff}
.elementor-174077 .snav-sub{display:none;position:absolute;top:calc(100% - 2px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgb(15 30 51/.16);padding:6px;min-width:172px;z-index:60}
.elementor-174077 .snav-optwrap:hover .snav-sub,.elementor-174077 .snav-optwrap:focus-within .snav-sub{display:block}
.elementor-174077 .snav-sub a{display:block;padding:8px 12px;border-radius:8px;border-bottom:none!important;font-size:13.5px;white-space:nowrap}
.elementor-174077 .snav-sub a:hover{background:var(--info);color:var(--blue)}


.elementor-174077 .kpi{border-left:3px solid var(--blue)}
.elementor-174077 .kpi .n{color:var(--blue-action,#1B5FE0)}


.elementor-174077 .size-card,.elementor-174077 .uc{border-top:3px solid var(--blue);transition:transform .15s,box-shadow .15s}
.elementor-174077 .size-card:hover,.elementor-174077 .uc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgb(15 30 51/.08)}


.elementor-174077 section[id],.elementor-174077 .tcap[id]{scroll-margin-top:72px}


@media(max-width:640px){
 .elementor-174077 .tbl-scroll{overflow:visible}
 .elementor-174077 table.models-var{min-width:0;width:100%}
 .elementor-174077 .models-var thead{display:none}
 .elementor-174077 .models-var tr{display:block}
 .elementor-174077 .models-var td{display:block;border:none;padding:0}
 .elementor-174077 .models-var .var-row{padding:11px 13px;border-bottom:1px solid var(--border)}
 .elementor-174077 .models-var .var-row .mvar{font-weight:600;font-size:15px}
 .elementor-174077 .models-var .var-row .val{font-family:var(--mono);color:var(--muted);font-size:12px;margin-top:2px}
 .elementor-174077 .models-var .var-row .diff{font-size:12.5px;color:var(--body);margin-top:3px}
 .elementor-174077 .models-var .var-row .view{margin-top:7px}
 .elementor-174077 .models-var .var-row .view a{display:inline-block;font-weight:600}
 
 .elementor-174077 #legacy .models-var .var-row .num.val{display:inline-block;margin:5px 14px 0 0;font-size:12px}
 .elementor-174077 #legacy .models-var .var-row td:nth-child(3)::before{content:'EOO ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174077 #legacy .models-var .var-row td:nth-child(4)::before{content:'LSED ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174077 #legacy .models-var .var-row td:nth-child(5)::before{content:'EOS ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
}
@media(max-width:768px){.elementor-174077 .snav{display:none}}
/* hub 174099 shares FortiGate-family hub styling */
:root{ --buy:#FFD814; --buy-hover:#F0B800; --blue:#2C75FF; --ink:#0F1E33; --body:#33445A; --muted:#6B7A90; --surface:#FFFFFF; --alt:#F4F7FB; --border:#E2E8F0; --green:#16A34A; --green-tint:#E7F6ED; --bright:#43D359; --info:#E8F0FF; --slate:#64748B; --orange:#FF551A; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }.elementor-174099 *{box-sizing:border-box}.elementor-174099 h1, .elementor-174099 h2, .elementor-174099 h3, .elementor-174099 h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink);font-weight:600;line-height:1.25;margin:0 0 .4em}.elementor-174099 h1{font-size:30px}.elementor-174099 h2{font-size:22px}.elementor-174099 h3{font-size:16px}.elementor-174099 p{margin:0 0 1em}.elementor-174099 a{color:var(--blue);text-decoration:none}.elementor-174099 a:hover{text-decoration:underline}.elementor-174099 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.elementor-174099 .section{padding:56px 0;border-top:1px solid var(--border)}.elementor-174099 .section.alt{background:var(--alt)}.elementor-174099 .eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}.elementor-174099 .mono{font-family:var(--mono)}.elementor-174099 .muted{color:var(--muted)}.elementor-174099  .proto{background:var(--ink);color:#cfe0ff;font-size:13px;text-align:center;padding:7px 12px;font-family:'Space Grotesk'}.elementor-174099 .proto b{color:#fff}.elementor-174099  .hero{background: radial-gradient(circle at 12% 18%, rgba(44,117,255,.06) 0, transparent 38%), radial-gradient(circle at 88% 8%, rgba(44,117,255,.05) 0, transparent 32%), var(--surface); padding:30px 0 48px}.elementor-174099 .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.elementor-174099 .crumb a{color:var(--muted)}.elementor-174099 .badge-partner{display:inline-flex;align-items:center;gap:8px;background:var(--info);color:#1b4fd1;border:1px solid #cfe0ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;font-family:'Space Grotesk';margin-bottom:16px}.elementor-174099 .hero h1{max-width:18ch}.elementor-174099 .hero-sub{font-size:18px;color:var(--body);max-width:60ch;margin-bottom:22px}.elementor-174099 .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:26px}.elementor-174099 .trust{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:500}.elementor-174099 .trust svg{flex:none}.elementor-174099 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.elementor-174099 .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;border-radius:7px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;transition:.15s}.elementor-174099 .btn-primary{background:var(--blue);color:#fff}.elementor-174099 .btn-primary:hover{background:#1b5fe0;text-decoration:none}.elementor-174099 .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.elementor-174099 .btn-outline:hover{background:var(--info);text-decoration:none}.elementor-174099 .btn-buy{background:var(--buy);color:var(--ink)}.elementor-174099 .btn-buy:hover{background:var(--buy-hover);text-decoration:none}.elementor-174099 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.elementor-174099 .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,30,51,.06)}.elementor-174099 .kpi .n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--ink);line-height:1.1}.elementor-174099 .kpi .l{font-size:12.5px;color:var(--muted);margin-top:4px}.elementor-174099  .snav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.elementor-174099 .snav .wrap{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.elementor-174099 .snav a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--body);padding:14px 12px;white-space:nowrap;border-bottom:2px solid transparent}.elementor-174099 .snav a:hover{color:var(--blue);text-decoration:none}.elementor-174099 .snav a.active{color:var(--blue);border-bottom-color:var(--blue)}.elementor-174099  .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.elementor-174099 .size-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174099 .size-card .ic{width:42px;height:42px;border-radius:10px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.elementor-174099 .size-card h3{font-size:17px}.elementor-174099 .size-card .who{font-size:13px;color:var(--muted);margin-bottom:10px}.elementor-174099 .size-card ul{margin:0 0 16px;padding-left:18px;font-size:14.5px}.elementor-174099 .size-card li{margin-bottom:5px}.elementor-174099 .size-card .pick{margin-top:auto;font-size:14px;font-weight:500;color:var(--ink)}.elementor-174099 .size-card a.jump{font-weight:600}.elementor-174099  .tcap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:30px 0 10px}.elementor-174099 .tcap h3{font-size:17px;margin:0}.elementor-174099 .tcap .note{font-size:13px;color:var(--muted)}.elementor-174099 .tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.elementor-174099 table.models{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}.elementor-174099 table.models thead th{background:var(--alt);text-align:left;font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.elementor-174099 table.models th.num, .elementor-174099 table.models td.num{text-align:right;font-variant-numeric:tabular-nums}.elementor-174099 table.models td{padding:11px 14px;border-bottom:1px solid var(--border)}.elementor-174099 table.models tbody tr:nth-child(even){background:#fafcff}.elementor-174099 table.models tbody tr:hover{background:var(--info)}.elementor-174099 table.models tbody tr:last-child td{border-bottom:none}.elementor-174099 .m-name{font-weight:500;color:var(--ink)}.elementor-174099 .m-name a{color:var(--ink)}.elementor-174099 .m-name a:hover{color:var(--blue)}.elementor-174099 .val{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.elementor-174099 .pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:var(--green-tint);color:#0f7a3d;border-radius:999px;padding:3px 9px;white-space:nowrap}.elementor-174099 .pill.dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.elementor-174099 .pill.legacy{background:#eef1f6;color:var(--slate)}.elementor-174099 .pill.legacy::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--slate)}.elementor-174099 tr.legacy-row{background:#fbfcfe!important}.elementor-174099 tr.legacy-row .m-name a{color:var(--slate)}.elementor-174099 tr.legacy-row .val{color:var(--slate)}.elementor-174099 tr.legacy-row .view a{color:var(--slate)}.elementor-174099 tr.divider td{background:var(--alt);font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);padding:8px 14px}.elementor-174099 .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:13px;color:var(--muted)}.elementor-174099 .legend span{display:inline-flex;align-items:center;gap:6px}.elementor-174099 .view{font-weight:600;font-size:13.5px;white-space:nowrap}.elementor-174099 .dl-row{margin-top:14px;font-size:14px}.elementor-174099  .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.elementor-174099 .uc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.elementor-174099 .uc .ic{width:38px;height:38px;border-radius:9px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.elementor-174099 .uc h3{font-size:15.5px}.elementor-174099 .uc p{font-size:14px;margin:0}.elementor-174099  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.elementor-174099 .svc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;border-top:3px solid var(--blue)}.elementor-174099 .svc.lead{border-top-color:var(--orange)}.elementor-174099 .svc .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-family:'Space Grotesk'}.elementor-174099 .svc h3{font-size:16px;margin:6px 0 8px}.elementor-174099 .svc p{font-size:14px;margin:0}.elementor-174099  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.elementor-174099 .why{padding:6px 0}.elementor-174099 .why .ic{margin-bottom:10px}.elementor-174099 .why h3{font-size:15px}.elementor-174099 .why p{font-size:13.5px;margin:0;color:var(--muted)}.elementor-174099  .faq{max-width:820px;margin-top:8px}.elementor-174099 .faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}.elementor-174099 .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:16px 18px;font-family:'Space Grotesk';font-weight:500;font-size:15.5px;color:var(--ink)}.elementor-174099 .faq-q .chev{transition:.2s;flex:none;color:var(--blue)}.elementor-174099 .faq-item.open .chev{transform:rotate(180deg)}.elementor-174099 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.elementor-174099 .faq-item.open .faq-a{max-height:340px;padding-bottom:16px}.elementor-174099 .faq-a p{font-size:14.5px;margin:0}.elementor-174099  .ctastrip{background:var(--ink);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.elementor-174099 .ctastrip h2{color:#fff;margin:0 0 6px}.elementor-174099 .ctastrip p{color:#b9c6da;margin:0;font-size:15px}.elementor-174099  .foot{font-size:12.5px;color:var(--muted);padding:26px 0 50px}.elementor-174099 details.spec{margin-top:18px;border:1px dashed var(--border);border-radius:10px;padding:6px 16px;background:var(--alt)}.elementor-174099 details.spec summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;color:var(--ink);padding:10px 0}.elementor-174099 details.spec pre{white-space:pre-wrap;font-size:12.5px;color:var(--body);background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;overflow:auto}.elementor-174099  .mbar{display:none}@media(max-width:760px){.elementor-174099 h1{font-size:25px}.elementor-174099 h2{font-size:20px}.elementor-174099 .kpis{grid-template-columns:repeat(2,1fr)}.elementor-174099 .size-grid, .elementor-174099 .uc-grid, .elementor-174099 .svc-grid, .elementor-174099 .why-grid{grid-template-columns:1fr}.elementor-174099 .section{padding:40px 0}.elementor-174099 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:10px 16px;gap:10px;box-shadow:0 -2px 10px rgba(15,30,51,.08)}.elementor-174099 .mbar .btn{flex:1;justify-content:center;padding:12px} }.elementor-174099 .variants{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.elementor-174099 .variants.mono{font-family:var(--mono);font-size:12px}.elementor-174099 .callout{background:var(--info);border:1px solid #cfe0ff;border-radius:12px;padding:18px 20px;max-width:760px}.elementor-174099 .callout strong{font-family:'Space Grotesk';color:var(--ink);display:block;margin-bottom:8px}.elementor-174099 .callout ul{margin:0 0 10px;padding-left:18px;font-size:14px}.elementor-174099 .callout li{margin-bottom:6px}.elementor-174099 .eol-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174099 .models-var td{vertical-align:middle}.elementor-174099 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:10px 14px}.elementor-174099 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px}.elementor-174099 .series-head .sname a{color:var(--ink)}.elementor-174099 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174099 .series-head .shead-link{float:right;font-size:13px;font-weight:600}.elementor-174099 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174099 .models-var .mvar a:hover{color:var(--blue)}.elementor-174099 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174099 .models-var td{vertical-align:middle}.elementor-174099 tr.series-head{cursor:pointer}.elementor-174099 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:11px 14px}.elementor-174099 tr.series-head:hover td{background:#e6eef9}.elementor-174099 .series-head .chev{transition:.18s;color:var(--blue);vertical-align:-2px;margin-right:8px}.elementor-174099 .series-head.is-open .chev{transform:rotate(90deg)}.elementor-174099 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--ink)}.elementor-174099 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174099 .series-head .shead-meta{float:right;display:inline-flex;align-items:center;gap:10px}.elementor-174099 .series-head .ct{font-size:12.5px;color:var(--muted)}.elementor-174099 .var-row{display:none}.elementor-174099 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174099 .models-var .mvar a:hover{color:var(--blue)}.elementor-174099 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174099 .btn-sm{padding:8px 14px;font-size:13.5px;min-height:auto}.elementor-174099 .expand-bar{margin:6px 0 4px;display:flex;justify-content:flex-end}.elementor-174099 .var-row.lg-var{display:table-row}.elementor-174099 .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.elementor-174099 .hero-text .hero-sub{max-width:48ch}.elementor-174099 .hero-media{text-align:center}.elementor-174099 .hero-media img{max-width:100%;height:auto;border-radius:14px}@media(max-width:820px){.elementor-174099 .hero-grid{grid-template-columns:1fr;gap:20px}}




.elementor-174099 .hero-tag{font-family:'Space Grotesk';font-size:18px;font-weight:500;color:var(--muted);margin:2px 0 14px}


.elementor-174099 .dc360-badges{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:16px}
.elementor-174099 .dc360-badges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--body);font-family:'Space Grotesk'}
.elementor-174099 .dc360-badges i{font-size:15px;color:var(--blue)}
.elementor-174099 .dc360-auth{width:416px;max-width:100%;height:auto;display:block;margin:18px 0 0}
@media(max-width:768px){.elementor-174099 .dc360-badges{justify-content:center}.elementor-174099 .dc360-auth{margin-left:auto;margin-right:auto}}


.elementor-174099 .snav .snav-optwrap{position:relative;display:inline-flex;align-items:center}
.elementor-174099 .snav a.feat{background:var(--blue);color:#fff;border-radius:8px;padding:8px 13px;margin:6px 2px;border-bottom:none!important}
.elementor-174099 .snav a.feat:hover{background:var(--blue-action,#1B5FE0);color:#fff}
.elementor-174099 .snav-sub{display:none;position:absolute;top:calc(100% - 2px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgb(15 30 51/.16);padding:6px;min-width:172px;z-index:60}
.elementor-174099 .snav-optwrap:hover .snav-sub,.elementor-174099 .snav-optwrap:focus-within .snav-sub{display:block}
.elementor-174099 .snav-sub a{display:block;padding:8px 12px;border-radius:8px;border-bottom:none!important;font-size:13.5px;white-space:nowrap}
.elementor-174099 .snav-sub a:hover{background:var(--info);color:var(--blue)}


.elementor-174099 .kpi{border-left:3px solid var(--blue)}
.elementor-174099 .kpi .n{color:var(--blue-action,#1B5FE0)}


.elementor-174099 .size-card,.elementor-174099 .uc{border-top:3px solid var(--blue);transition:transform .15s,box-shadow .15s}
.elementor-174099 .size-card:hover,.elementor-174099 .uc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgb(15 30 51/.08)}


.elementor-174099 section[id],.elementor-174099 .tcap[id]{scroll-margin-top:72px}


@media(max-width:640px){
 .elementor-174099 .tbl-scroll{overflow:visible}
 .elementor-174099 table.models-var{min-width:0;width:100%}
 .elementor-174099 .models-var thead{display:none}
 .elementor-174099 .models-var tr{display:block}
 .elementor-174099 .models-var td{display:block;border:none;padding:0}
 .elementor-174099 .models-var .var-row{padding:11px 13px;border-bottom:1px solid var(--border)}
 .elementor-174099 .models-var .var-row .mvar{font-weight:600;font-size:15px}
 .elementor-174099 .models-var .var-row .val{font-family:var(--mono);color:var(--muted);font-size:12px;margin-top:2px}
 .elementor-174099 .models-var .var-row .diff{font-size:12.5px;color:var(--body);margin-top:3px}
 .elementor-174099 .models-var .var-row .view{margin-top:7px}
 .elementor-174099 .models-var .var-row .view a{display:inline-block;font-weight:600}
 
 .elementor-174099 #legacy .models-var .var-row .num.val{display:inline-block;margin:5px 14px 0 0;font-size:12px}
 .elementor-174099 #legacy .models-var .var-row td:nth-child(3)::before{content:'EOO ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174099 #legacy .models-var .var-row td:nth-child(4)::before{content:'LSED ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174099 #legacy .models-var .var-row td:nth-child(5)::before{content:'EOS ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
}
@media(max-width:768px){.elementor-174099 .snav{display:none}}

/* ===== FortiToken hub (id 174116) ===== */
:root{ --buy:#FFD814; --buy-hover:#F0B800; --blue:#2C75FF; --ink:#0F1E33; --body:#33445A; --muted:#6B7A90; --surface:#FFFFFF; --alt:#F4F7FB; --border:#E2E8F0; --green:#16A34A; --green-tint:#E7F6ED; --bright:#43D359; --info:#E8F0FF; --slate:#64748B; --orange:#FF551A; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }.elementor-174116 *{box-sizing:border-box}.elementor-174116 h1, .elementor-174116 h2, .elementor-174116 h3, .elementor-174116 h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink);font-weight:600;line-height:1.25;margin:0 0 .4em}.elementor-174116 h1{font-size:30px}.elementor-174116 h2{font-size:22px}.elementor-174116 h3{font-size:16px}.elementor-174116 p{margin:0 0 1em}.elementor-174116 a{color:var(--blue);text-decoration:none}.elementor-174116 a:hover{text-decoration:underline}.elementor-174116 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.elementor-174116 .section{padding:56px 0;border-top:1px solid var(--border)}.elementor-174116 .section.alt{background:var(--alt)}.elementor-174116 .eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}.elementor-174116 .mono{font-family:var(--mono)}.elementor-174116 .muted{color:var(--muted)}.elementor-174116 /* Prototype banner */ .proto{background:var(--ink);color:#cfe0ff;font-size:13px;text-align:center;padding:7px 12px;font-family:'Space Grotesk'}.elementor-174116 .proto b{color:#fff}.elementor-174116 /* Hero */ .hero{background: radial-gradient(circle at 12% 18%, rgba(44,117,255,.06) 0, transparent 38%), radial-gradient(circle at 88% 8%, rgba(44,117,255,.05) 0, transparent 32%), var(--surface); padding:30px 0 48px}.elementor-174116 .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.elementor-174116 .crumb a{color:var(--muted)}.elementor-174116 .badge-partner{display:inline-flex;align-items:center;gap:8px;background:var(--info);color:#1b4fd1;border:1px solid #cfe0ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;font-family:'Space Grotesk';margin-bottom:16px}.elementor-174116 .hero h1{max-width:18ch}.elementor-174116 .hero-sub{font-size:18px;color:var(--body);max-width:60ch;margin-bottom:22px}.elementor-174116 .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:26px}.elementor-174116 .trust{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:500}.elementor-174116 .trust svg{flex:none}.elementor-174116 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.elementor-174116 .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;border-radius:7px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;transition:.15s}.elementor-174116 .btn-primary{background:var(--blue);color:#fff}.elementor-174116 .btn-primary:hover{background:#1b5fe0;text-decoration:none}.elementor-174116 .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.elementor-174116 .btn-outline:hover{background:var(--info);text-decoration:none}.elementor-174116 .btn-buy{background:var(--buy);color:var(--ink)}.elementor-174116 .btn-buy:hover{background:var(--buy-hover);text-decoration:none}.elementor-174116 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.elementor-174116 .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,30,51,.06)}.elementor-174116 .kpi .n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--ink);line-height:1.1}.elementor-174116 .kpi .l{font-size:12.5px;color:var(--muted);margin-top:4px}.elementor-174116 /* Sticky nav */ .snav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.elementor-174116 .snav .wrap{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.elementor-174116 .snav a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--body);padding:14px 12px;white-space:nowrap;border-bottom:2px solid transparent}.elementor-174116 .snav a:hover{color:var(--blue);text-decoration:none}.elementor-174116 .snav a.active{color:var(--blue);border-bottom-color:var(--blue)}.elementor-174116 /* Sizing cards */ .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.elementor-174116 .size-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174116 .size-card .ic{width:42px;height:42px;border-radius:10px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.elementor-174116 .size-card h3{font-size:17px}.elementor-174116 .size-card .who{font-size:13px;color:var(--muted);margin-bottom:10px}.elementor-174116 .size-card ul{margin:0 0 16px;padding-left:18px;font-size:14.5px}.elementor-174116 .size-card li{margin-bottom:5px}.elementor-174116 .size-card .pick{margin-top:auto;font-size:14px;font-weight:500;color:var(--ink)}.elementor-174116 .size-card a.jump{font-weight:600}.elementor-174116 /* Tables */ .tcap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:30px 0 10px}.elementor-174116 .tcap h3{font-size:17px;margin:0}.elementor-174116 .tcap .note{font-size:13px;color:var(--muted)}.elementor-174116 .tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.elementor-174116 table.models{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}.elementor-174116 table.models thead th{background:var(--alt);text-align:left;font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.elementor-174116 table.models th.num, .elementor-174116 table.models td.num{text-align:right;font-variant-numeric:tabular-nums}.elementor-174116 table.models td{padding:11px 14px;border-bottom:1px solid var(--border)}.elementor-174116 table.models tbody tr:nth-child(even){background:#fafcff}.elementor-174116 table.models tbody tr:hover{background:var(--info)}.elementor-174116 table.models tbody tr:last-child td{border-bottom:none}.elementor-174116 .m-name{font-weight:500;color:var(--ink)}.elementor-174116 .m-name a{color:var(--ink)}.elementor-174116 .m-name a:hover{color:var(--blue)}.elementor-174116 .val{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.elementor-174116 .pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:var(--green-tint);color:#0f7a3d;border-radius:999px;padding:3px 9px;white-space:nowrap}.elementor-174116 .pill.dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.elementor-174116 .pill.legacy{background:#eef1f6;color:var(--slate)}.elementor-174116 .pill.legacy::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--slate)}.elementor-174116 tr.legacy-row{background:#fbfcfe!important}.elementor-174116 tr.legacy-row .m-name a{color:var(--slate)}.elementor-174116 tr.legacy-row .val{color:var(--slate)}.elementor-174116 tr.legacy-row .view a{color:var(--slate)}.elementor-174116 tr.divider td{background:var(--alt);font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);padding:8px 14px}.elementor-174116 .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:13px;color:var(--muted)}.elementor-174116 .legend span{display:inline-flex;align-items:center;gap:6px}.elementor-174116 .view{font-weight:600;font-size:13.5px;white-space:nowrap}.elementor-174116 .dl-row{margin-top:14px;font-size:14px}.elementor-174116 /* Use cases */ .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.elementor-174116 .uc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.elementor-174116 .uc .ic{width:38px;height:38px;border-radius:9px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.elementor-174116 .uc h3{font-size:15.5px}.elementor-174116 .uc p{font-size:14px;margin:0}.elementor-174116 /* Services */ .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.elementor-174116 .svc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;border-top:3px solid var(--blue)}.elementor-174116 .svc.lead{border-top-color:var(--orange)}.elementor-174116 .svc .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-family:'Space Grotesk'}.elementor-174116 .svc h3{font-size:16px;margin:6px 0 8px}.elementor-174116 .svc p{font-size:14px;margin:0}.elementor-174116 /* Why us */ .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.elementor-174116 .why{padding:6px 0}.elementor-174116 .why .ic{margin-bottom:10px}.elementor-174116 .why h3{font-size:15px}.elementor-174116 .why p{font-size:13.5px;margin:0;color:var(--muted)}.elementor-174116 /* FAQ */ .faq{max-width:820px;margin-top:8px}.elementor-174116 .faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}.elementor-174116 .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:16px 18px;font-family:'Space Grotesk';font-weight:500;font-size:15.5px;color:var(--ink)}.elementor-174116 .faq-q .chev{transition:.2s;flex:none;color:var(--blue)}.elementor-174116 .faq-item.open .chev{transform:rotate(180deg)}.elementor-174116 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.elementor-174116 .faq-item.open .faq-a{max-height:340px;padding-bottom:16px}.elementor-174116 .faq-a p{font-size:14.5px;margin:0}.elementor-174116 /* CTA strip */ .ctastrip{background:var(--ink);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.elementor-174116 .ctastrip h2{color:#fff;margin:0 0 6px}.elementor-174116 .ctastrip p{color:#b9c6da;margin:0;font-size:15px}.elementor-174116 /* footer note */ .foot{font-size:12.5px;color:var(--muted);padding:26px 0 50px}.elementor-174116 details.spec{margin-top:18px;border:1px dashed var(--border);border-radius:10px;padding:6px 16px;background:var(--alt)}.elementor-174116 details.spec summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;color:var(--ink);padding:10px 0}.elementor-174116 details.spec pre{white-space:pre-wrap;font-size:12.5px;color:var(--body);background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;overflow:auto}.elementor-174116 /* Sticky mobile quote bar */ .mbar{display:none}@media(max-width:760px){.elementor-174116 h1{font-size:25px}.elementor-174116 h2{font-size:20px}.elementor-174116 .kpis{grid-template-columns:repeat(2,1fr)}.elementor-174116 .size-grid, .elementor-174116 .uc-grid, .elementor-174116 .svc-grid, .elementor-174116 .why-grid{grid-template-columns:1fr}.elementor-174116 .section{padding:40px 0}.elementor-174116 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:10px 16px;gap:10px;box-shadow:0 -2px 10px rgba(15,30,51,.08)}.elementor-174116 .mbar .btn{flex:1;justify-content:center;padding:12px} }.elementor-174116 .variants{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.elementor-174116 .variants.mono{font-family:var(--mono);font-size:12px}.elementor-174116 .callout{background:var(--info);border:1px solid #cfe0ff;border-radius:12px;padding:18px 20px;max-width:760px}.elementor-174116 .callout strong{font-family:'Space Grotesk';color:var(--ink);display:block;margin-bottom:8px}.elementor-174116 .callout ul{margin:0 0 10px;padding-left:18px;font-size:14px}.elementor-174116 .callout li{margin-bottom:6px}.elementor-174116 .eol-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174116 .models-var td{vertical-align:middle}.elementor-174116 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:10px 14px}.elementor-174116 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px}.elementor-174116 .series-head .sname a{color:var(--ink)}.elementor-174116 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174116 .series-head .shead-link{float:right;font-size:13px;font-weight:600}.elementor-174116 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174116 .models-var .mvar a:hover{color:var(--blue)}.elementor-174116 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174116 .models-var td{vertical-align:middle}.elementor-174116 tr.series-head{cursor:pointer}.elementor-174116 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:11px 14px}.elementor-174116 tr.series-head:hover td{background:#e6eef9}.elementor-174116 .series-head .chev{transition:.18s;color:var(--blue);vertical-align:-2px;margin-right:8px}.elementor-174116 .series-head.is-open .chev{transform:rotate(90deg)}.elementor-174116 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--ink)}.elementor-174116 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174116 .series-head .shead-meta{float:right;display:inline-flex;align-items:center;gap:10px}.elementor-174116 .series-head .ct{font-size:12.5px;color:var(--muted)}.elementor-174116 .var-row{display:none}.elementor-174116 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174116 .models-var .mvar a:hover{color:var(--blue)}.elementor-174116 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174116 .btn-sm{padding:8px 14px;font-size:13.5px;min-height:auto}.elementor-174116 .expand-bar{margin:6px 0 4px;display:flex;justify-content:flex-end}.elementor-174116 .var-row.lg-var{display:table-row}.elementor-174116 .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.elementor-174116 .hero-text .hero-sub{max-width:48ch}.elementor-174116 .hero-media{text-align:center}.elementor-174116 .hero-media img{max-width:100%;height:auto;border-radius:14px}@media(max-width:820px){.elementor-174116 .hero-grid{grid-template-columns:1fr;gap:20px}}

/* ==========================================================================
   DC360 FortiGate HUB — page enhancements
   File: storefront-child/dc360-assets/dc360-fghub.css  (auto-enqueued on the
   FortiGate hub page /fortinet/fortigate/, id 174116).
   Added 2026-06-22. All rules are scoped to .elementor-174116 so nothing can
   leak site-wide. This page predates the site-wide .dc-* design system; these
   rules extend the existing bespoke hub styles. Prefer .dc-* for new work.
   ========================================================================== */

/* --- Hero subtitle (split out of the H1) --- */
.elementor-174116 .hero-tag{font-family:'Space Grotesk';font-size:18px;font-weight:500;color:var(--muted);margin:2px 0 14px}

/* --- Hero trust badges + Select Partner image (ported from the model pages) --- */
.elementor-174116 .dc360-badges{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:16px}
.elementor-174116 .dc360-badges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--body);font-family:'Space Grotesk'}
.elementor-174116 .dc360-badges i{font-size:15px;color:var(--blue)}
.elementor-174116 .dc360-auth{width:416px;max-width:100%;height:auto;display:block;margin:18px 0 0}
@media(max-width:768px){.elementor-174116 .dc360-badges{justify-content:center}.elementor-174116 .dc360-auth{margin-left:auto;margin-right:auto}}

/* --- Sticky nav: feature "Available models" as a hover/focus dropdown --- */
.elementor-174116 .snav .snav-optwrap{position:relative;display:inline-flex;align-items:center}
.elementor-174116 .snav a.feat{background:var(--blue);color:#fff;border-radius:8px;padding:8px 13px;margin:6px 2px;border-bottom:none!important}
.elementor-174116 .snav a.feat:hover{background:var(--blue-action,#1B5FE0);color:#fff}
.elementor-174116 .snav-sub{display:none;position:absolute;top:calc(100% - 2px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgb(15 30 51/.16);padding:6px;min-width:172px;z-index:60}
.elementor-174116 .snav-optwrap:hover .snav-sub,.elementor-174116 .snav-optwrap:focus-within .snav-sub{display:block}
.elementor-174116 .snav-sub a{display:block;padding:8px 12px;border-radius:8px;border-bottom:none!important;font-size:13.5px;white-space:nowrap}
.elementor-174116 .snav-sub a:hover{background:var(--info);color:var(--blue)}

/* --- Hero KPI cards: restrained. White cards (from base), brand-blue number
       and one calm blue left accent. No multi-color tints. --- */
.elementor-174116 .kpi{border-left:3px solid var(--blue)}
.elementor-174116 .kpi .n{color:var(--blue-action,#1B5FE0)}

/* --- Bottom section cards: subtle accent only (toned down per feedback —
       one calm blue top accent + gentle hover, no multi-color rotation). --- */
.elementor-174116 .size-card,.elementor-174116 .uc{border-top:3px solid var(--blue);transition:transform .15s,box-shadow .15s}
.elementor-174116 .size-card:hover,.elementor-174116 .uc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgb(15 30 51/.08)}

/* --- Sticky-nav anchor offset so headings aren't hidden under the bar --- */
.elementor-174116 section[id],.elementor-174116 .tcap[id]{scroll-margin-top:72px}

/* --- Mobile (<=640px): stack the model tables into readable rows.
       Desktop layout is untouched (all inside this media query). --- */
@media(max-width:640px){
 .elementor-174116 .tbl-scroll{overflow:visible}
 .elementor-174116 table.models-var{min-width:0;width:100%}
 .elementor-174116 .models-var thead{display:none}
 .elementor-174116 .models-var tr{display:block}
 .elementor-174116 .models-var td{display:block;border:none;padding:0}
 .elementor-174116 .models-var .var-row{padding:11px 13px;border-bottom:1px solid var(--border)}
 .elementor-174116 .models-var .var-row .mvar{font-weight:600;font-size:15px}
 .elementor-174116 .models-var .var-row .val{font-family:var(--mono);color:var(--muted);font-size:12px;margin-top:2px}
 .elementor-174116 .models-var .var-row .diff{font-size:12.5px;color:var(--body);margin-top:3px}
 .elementor-174116 .models-var .var-row .view{margin-top:7px}
 .elementor-174116 .models-var .var-row .view a{display:inline-block;font-weight:600}
 /* legacy EOO/LSED/EOS cells: inline with small labels */
 .elementor-174116 #legacy .models-var .var-row .num.val{display:inline-block;margin:5px 14px 0 0;font-size:12px}
 .elementor-174116 #legacy .models-var .var-row td:nth-child(3)::before{content:'EOO ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174116 #legacy .models-var .var-row td:nth-child(4)::before{content:'LSED ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174116 #legacy .models-var .var-row td:nth-child(5)::before{content:'EOS ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
}

/* ===== FortiToken hub line layout (id .elementor-174116) ===== */
.elementor-174116 .ftk-line{margin:30px 0 0;padding-top:24px;border-top:1px solid var(--border)}.elementor-174116 .ftk-line:first-of-type{border-top:none;margin-top:8px}.elementor-174116 .ftk-line__head{display:flex;align-items:center;gap:30px;margin-bottom:6px}.elementor-174116 .ftk-line__txt{flex:1;min-width:0}.elementor-174116 .ftk-line__head h3{font-size:19px;margin:0 0 6px}.elementor-174116 .ftk-line__img{flex:none;width:220px;height:220px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 1px 3px rgba(15,30,51,.06)}@media(max-width:760px){.elementor-174116 .ftk-line__head{flex-direction:column-reverse;align-items:center;gap:14px}.elementor-174116 .ftk-line__txt{width:100%}.elementor-174116 .ftk-line__img{width:160px;height:160px}}

/* ===== FortiManager hub (id 174123) ===== */
:root{ --buy:#FFD814; --buy-hover:#F0B800; --blue:#2C75FF; --ink:#0F1E33; --body:#33445A; --muted:#6B7A90; --surface:#FFFFFF; --alt:#F4F7FB; --border:#E2E8F0; --green:#16A34A; --green-tint:#E7F6ED; --bright:#43D359; --info:#E8F0FF; --slate:#64748B; --orange:#FF551A; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }.elementor-174123 *{box-sizing:border-box}.elementor-174123 h1, .elementor-174123 h2, .elementor-174123 h3, .elementor-174123 h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink);font-weight:600;line-height:1.25;margin:0 0 .4em}.elementor-174123 h1{font-size:30px}.elementor-174123 h2{font-size:22px}.elementor-174123 h3{font-size:16px}.elementor-174123 p{margin:0 0 1em}.elementor-174123 a{color:var(--blue);text-decoration:none}.elementor-174123 a:hover{text-decoration:underline}.elementor-174123 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.elementor-174123 .section{padding:56px 0;border-top:1px solid var(--border)}.elementor-174123 .section.alt{background:var(--alt)}.elementor-174123 .eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}.elementor-174123 .mono{font-family:var(--mono)}.elementor-174123 .muted{color:var(--muted)}.elementor-174123 /* Prototype banner */ .proto{background:var(--ink);color:#cfe0ff;font-size:13px;text-align:center;padding:7px 12px;font-family:'Space Grotesk'}.elementor-174123 .proto b{color:#fff}.elementor-174123 /* Hero */ .hero{background: radial-gradient(circle at 12% 18%, rgba(44,117,255,.06) 0, transparent 38%), radial-gradient(circle at 88% 8%, rgba(44,117,255,.05) 0, transparent 32%), var(--surface); padding:30px 0 48px}.elementor-174123 .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.elementor-174123 .crumb a{color:var(--muted)}.elementor-174123 .badge-partner{display:inline-flex;align-items:center;gap:8px;background:var(--info);color:#1b4fd1;border:1px solid #cfe0ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;font-family:'Space Grotesk';margin-bottom:16px}.elementor-174123 .hero h1{max-width:18ch}.elementor-174123 .hero-sub{font-size:18px;color:var(--body);max-width:60ch;margin-bottom:22px}.elementor-174123 .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:26px}.elementor-174123 .trust{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:500}.elementor-174123 .trust svg{flex:none}.elementor-174123 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.elementor-174123 .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;border-radius:7px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;transition:.15s}.elementor-174123 .btn-primary{background:var(--blue);color:#fff}.elementor-174123 .btn-primary:hover{background:#1b5fe0;text-decoration:none}.elementor-174123 .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.elementor-174123 .btn-outline:hover{background:var(--info);text-decoration:none}.elementor-174123 .btn-buy{background:var(--buy);color:var(--ink)}.elementor-174123 .btn-buy:hover{background:var(--buy-hover);text-decoration:none}.elementor-174123 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.elementor-174123 .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,30,51,.06)}.elementor-174123 .kpi .n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--ink);line-height:1.1}.elementor-174123 .kpi .l{font-size:12.5px;color:var(--muted);margin-top:4px}.elementor-174123 /* Sticky nav */ .snav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.elementor-174123 .snav .wrap{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.elementor-174123 .snav a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--body);padding:14px 12px;white-space:nowrap;border-bottom:2px solid transparent}.elementor-174123 .snav a:hover{color:var(--blue);text-decoration:none}.elementor-174123 .snav a.active{color:var(--blue);border-bottom-color:var(--blue)}.elementor-174123 /* Sizing cards */ .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.elementor-174123 .size-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174123 .size-card .ic{width:42px;height:42px;border-radius:10px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.elementor-174123 .size-card h3{font-size:17px}.elementor-174123 .size-card .who{font-size:13px;color:var(--muted);margin-bottom:10px}.elementor-174123 .size-card ul{margin:0 0 16px;padding-left:18px;font-size:14.5px}.elementor-174123 .size-card li{margin-bottom:5px}.elementor-174123 .size-card .pick{margin-top:auto;font-size:14px;font-weight:500;color:var(--ink)}.elementor-174123 .size-card a.jump{font-weight:600}.elementor-174123 /* Tables */ .tcap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:30px 0 10px}.elementor-174123 .tcap h3{font-size:17px;margin:0}.elementor-174123 .tcap .note{font-size:13px;color:var(--muted)}.elementor-174123 .tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.elementor-174123 table.models{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}.elementor-174123 table.models thead th{background:var(--alt);text-align:left;font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.elementor-174123 table.models th.num, .elementor-174123 table.models td.num{text-align:right;font-variant-numeric:tabular-nums}.elementor-174123 table.models td{padding:11px 14px;border-bottom:1px solid var(--border)}.elementor-174123 table.models tbody tr:nth-child(even){background:#fafcff}.elementor-174123 table.models tbody tr:hover{background:var(--info)}.elementor-174123 table.models tbody tr:last-child td{border-bottom:none}.elementor-174123 .m-name{font-weight:500;color:var(--ink)}.elementor-174123 .m-name a{color:var(--ink)}.elementor-174123 .m-name a:hover{color:var(--blue)}.elementor-174123 .val{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.elementor-174123 .pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:var(--green-tint);color:#0f7a3d;border-radius:999px;padding:3px 9px;white-space:nowrap}.elementor-174123 .pill.dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.elementor-174123 .pill.legacy{background:#eef1f6;color:var(--slate)}.elementor-174123 .pill.legacy::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--slate)}.elementor-174123 tr.legacy-row{background:#fbfcfe!important}.elementor-174123 tr.legacy-row .m-name a{color:var(--slate)}.elementor-174123 tr.legacy-row .val{color:var(--slate)}.elementor-174123 tr.legacy-row .view a{color:var(--slate)}.elementor-174123 tr.divider td{background:var(--alt);font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);padding:8px 14px}.elementor-174123 .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:13px;color:var(--muted)}.elementor-174123 .legend span{display:inline-flex;align-items:center;gap:6px}.elementor-174123 .view{font-weight:600;font-size:13.5px;white-space:nowrap}.elementor-174123 .dl-row{margin-top:14px;font-size:14px}.elementor-174123 /* Use cases */ .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.elementor-174123 .uc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.elementor-174123 .uc .ic{width:38px;height:38px;border-radius:9px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.elementor-174123 .uc h3{font-size:15.5px}.elementor-174123 .uc p{font-size:14px;margin:0}.elementor-174123 /* Services */ .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.elementor-174123 .svc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;border-top:3px solid var(--blue)}.elementor-174123 .svc.lead{border-top-color:var(--orange)}.elementor-174123 .svc .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-family:'Space Grotesk'}.elementor-174123 .svc h3{font-size:16px;margin:6px 0 8px}.elementor-174123 .svc p{font-size:14px;margin:0}.elementor-174123 /* Why us */ .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.elementor-174123 .why{padding:6px 0}.elementor-174123 .why .ic{margin-bottom:10px}.elementor-174123 .why h3{font-size:15px}.elementor-174123 .why p{font-size:13.5px;margin:0;color:var(--muted)}.elementor-174123 /* FAQ */ .faq{max-width:820px;margin-top:8px}.elementor-174123 .faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}.elementor-174123 .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:16px 18px;font-family:'Space Grotesk';font-weight:500;font-size:15.5px;color:var(--ink)}.elementor-174123 .faq-q .chev{transition:.2s;flex:none;color:var(--blue)}.elementor-174123 .faq-item.open .chev{transform:rotate(180deg)}.elementor-174123 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.elementor-174123 .faq-item.open .faq-a{max-height:340px;padding-bottom:16px}.elementor-174123 .faq-a p{font-size:14.5px;margin:0}.elementor-174123 /* CTA strip */ .ctastrip{background:var(--ink);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.elementor-174123 .ctastrip h2{color:#fff;margin:0 0 6px}.elementor-174123 .ctastrip p{color:#b9c6da;margin:0;font-size:15px}.elementor-174123 /* footer note */ .foot{font-size:12.5px;color:var(--muted);padding:26px 0 50px}.elementor-174123 details.spec{margin-top:18px;border:1px dashed var(--border);border-radius:10px;padding:6px 16px;background:var(--alt)}.elementor-174123 details.spec summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;color:var(--ink);padding:10px 0}.elementor-174123 details.spec pre{white-space:pre-wrap;font-size:12.5px;color:var(--body);background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;overflow:auto}.elementor-174123 /* Sticky mobile quote bar */ .mbar{display:none}@media(max-width:760px){.elementor-174123 h1{font-size:25px}.elementor-174123 h2{font-size:20px}.elementor-174123 .kpis{grid-template-columns:repeat(2,1fr)}.elementor-174123 .size-grid, .elementor-174123 .uc-grid, .elementor-174123 .svc-grid, .elementor-174123 .why-grid{grid-template-columns:1fr}.elementor-174123 .section{padding:40px 0}.elementor-174123 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:10px 16px;gap:10px;box-shadow:0 -2px 10px rgba(15,30,51,.08)}.elementor-174123 .mbar .btn{flex:1;justify-content:center;padding:12px} }.elementor-174123 .variants{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.elementor-174123 .variants.mono{font-family:var(--mono);font-size:12px}.elementor-174123 .callout{background:var(--info);border:1px solid #cfe0ff;border-radius:12px;padding:18px 20px;max-width:760px}.elementor-174123 .callout strong{font-family:'Space Grotesk';color:var(--ink);display:block;margin-bottom:8px}.elementor-174123 .callout ul{margin:0 0 10px;padding-left:18px;font-size:14px}.elementor-174123 .callout li{margin-bottom:6px}.elementor-174123 .eol-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174123 .models-var td{vertical-align:middle}.elementor-174123 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:10px 14px}.elementor-174123 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px}.elementor-174123 .series-head .sname a{color:var(--ink)}.elementor-174123 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174123 .series-head .shead-link{float:right;font-size:13px;font-weight:600}.elementor-174123 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174123 .models-var .mvar a:hover{color:var(--blue)}.elementor-174123 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174123 .models-var td{vertical-align:middle}.elementor-174123 tr.series-head{cursor:pointer}.elementor-174123 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:11px 14px}.elementor-174123 tr.series-head:hover td{background:#e6eef9}.elementor-174123 .series-head .chev{transition:.18s;color:var(--blue);vertical-align:-2px;margin-right:8px}.elementor-174123 .series-head.is-open .chev{transform:rotate(90deg)}.elementor-174123 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--ink)}.elementor-174123 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174123 .series-head .shead-meta{float:right;display:inline-flex;align-items:center;gap:10px}.elementor-174123 .series-head .ct{font-size:12.5px;color:var(--muted)}.elementor-174123 .var-row{display:none}.elementor-174123 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174123 .models-var .mvar a:hover{color:var(--blue)}.elementor-174123 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174123 .btn-sm{padding:8px 14px;font-size:13.5px;min-height:auto}.elementor-174123 .expand-bar{margin:6px 0 4px;display:flex;justify-content:flex-end}.elementor-174123 .var-row.lg-var{display:table-row}.elementor-174123 .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.elementor-174123 .hero-text .hero-sub{max-width:48ch}.elementor-174123 .hero-media{text-align:center}.elementor-174123 .hero-media img{max-width:100%;height:auto;border-radius:14px}@media(max-width:820px){.elementor-174123 .hero-grid{grid-template-columns:1fr;gap:20px}}

/* ==========================================================================
   DC360 FortiGate HUB — page enhancements
   File: storefront-child/dc360-assets/dc360-fghub.css  (auto-enqueued on the
   FortiGate hub page /fortinet/fortigate/, id 174123).
   Added 2026-06-22. All rules are scoped to .elementor-174123 so nothing can
   leak site-wide. This page predates the site-wide .dc-* design system; these
   rules extend the existing bespoke hub styles. Prefer .dc-* for new work.
   ========================================================================== */

/* --- Hero subtitle (split out of the H1) --- */
.elementor-174123 .hero-tag{font-family:'Space Grotesk';font-size:18px;font-weight:500;color:var(--muted);margin:2px 0 14px}

/* --- Hero trust badges + Select Partner image (ported from the model pages) --- */
.elementor-174123 .dc360-badges{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:16px}
.elementor-174123 .dc360-badges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--body);font-family:'Space Grotesk'}
.elementor-174123 .dc360-badges i{font-size:15px;color:var(--blue)}
.elementor-174123 .dc360-auth{width:416px;max-width:100%;height:auto;display:block;margin:18px 0 0}
@media(max-width:768px){.elementor-174123 .dc360-badges{justify-content:center}.elementor-174123 .dc360-auth{margin-left:auto;margin-right:auto}}

/* --- Sticky nav: feature "Available models" as a hover/focus dropdown --- */
.elementor-174123 .snav .snav-optwrap{position:relative;display:inline-flex;align-items:center}
.elementor-174123 .snav a.feat{background:var(--blue);color:#fff;border-radius:8px;padding:8px 13px;margin:6px 2px;border-bottom:none!important}
.elementor-174123 .snav a.feat:hover{background:var(--blue-action,#1B5FE0);color:#fff}
.elementor-174123 .snav-sub{display:none;position:absolute;top:calc(100% - 2px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgb(15 30 51/.16);padding:6px;min-width:172px;z-index:60}
.elementor-174123 .snav-optwrap:hover .snav-sub,.elementor-174123 .snav-optwrap:focus-within .snav-sub{display:block}
.elementor-174123 .snav-sub a{display:block;padding:8px 12px;border-radius:8px;border-bottom:none!important;font-size:13.5px;white-space:nowrap}
.elementor-174123 .snav-sub a:hover{background:var(--info);color:var(--blue)}

/* --- Hero KPI cards: restrained. White cards (from base), brand-blue number
       and one calm blue left accent. No multi-color tints. --- */
.elementor-174123 .kpi{border-left:3px solid var(--blue)}
.elementor-174123 .kpi .n{color:var(--blue-action,#1B5FE0)}

/* --- Bottom section cards: subtle accent only (toned down per feedback —
       one calm blue top accent + gentle hover, no multi-color rotation). --- */
.elementor-174123 .size-card,.elementor-174123 .uc{border-top:3px solid var(--blue);transition:transform .15s,box-shadow .15s}
.elementor-174123 .size-card:hover,.elementor-174123 .uc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgb(15 30 51/.08)}

/* --- Sticky-nav anchor offset so headings aren't hidden under the bar --- */
.elementor-174123 section[id],.elementor-174123 .tcap[id]{scroll-margin-top:72px}

/* --- Mobile (<=640px): stack the model tables into readable rows.
       Desktop layout is untouched (all inside this media query). --- */
@media(max-width:640px){
 .elementor-174123 .tbl-scroll{overflow:visible}
 .elementor-174123 table.models-var{min-width:0;width:100%}
 .elementor-174123 .models-var thead{display:none}
 .elementor-174123 .models-var tr{display:block}
 .elementor-174123 .models-var td{display:block;border:none;padding:0}
 .elementor-174123 .models-var .var-row{padding:11px 13px;border-bottom:1px solid var(--border)}
 .elementor-174123 .models-var .var-row .mvar{font-weight:600;font-size:15px}
 .elementor-174123 .models-var .var-row .val{font-family:var(--mono);color:var(--muted);font-size:12px;margin-top:2px}
 .elementor-174123 .models-var .var-row .diff{font-size:12.5px;color:var(--body);margin-top:3px}
 .elementor-174123 .models-var .var-row .view{margin-top:7px}
 .elementor-174123 .models-var .var-row .view a{display:inline-block;font-weight:600}
 /* legacy EOO/LSED/EOS cells: inline with small labels */
 .elementor-174123 #legacy .models-var .var-row .num.val{display:inline-block;margin:5px 14px 0 0;font-size:12px}
 .elementor-174123 #legacy .models-var .var-row td:nth-child(3)::before{content:'EOO ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174123 #legacy .models-var .var-row td:nth-child(4)::before{content:'LSED ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174123 #legacy .models-var .var-row td:nth-child(5)::before{content:'EOS ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
}

/* ===== FortiManager hub accordion layout (id 174123) ===== */
.elementor-174123 .fmg-acc{display:flex;gap:20px;align-items:flex-start;margin-top:6px}.elementor-174123 .fmg-acc__img{flex:none;width:240px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.elementor-174123 .fmg-acc__body{flex:1;min-width:0}.elementor-174123 .fmg-acc__body h4{font-size:15px;margin:16px 0 8px}.elementor-174123 .fmg-acc__body h4:first-child{margin-top:0}.elementor-174123 .cmp-meta{font-weight:400;color:var(--muted);font-size:13.5px}@media(max-width:760px){.elementor-174123 .fmg-acc{flex-direction:column}.elementor-174123 .fmg-acc__img{width:100%;height:130px}}@media(min-width:601px){.elementor-174123 .dc-table-scroll:has(.dc-table--stack){overflow-x:auto;border:1px solid var(--border);border-radius:12px}}@media(max-width:600px){.elementor-174123 .dc-table--stack{min-width:0}}.elementor-174123 .dc-jump__menu a.dc-jump__opt{padding:7px 12px 7px 30px;font-size:12.5px;color:var(--muted)}.elementor-174123 .dc-jump__menu a.dc-jump__opt:hover{color:var(--blue-action)}.elementor-174123 *{min-width:0}.elementor-174123 .dc-table-scroll{max-width:100%}

/* ===== FortiAnalyzer hub accordion layout (id 174126) ===== */
.elementor-174126 .fmg-acc{display:flex;gap:20px;align-items:flex-start;margin-top:6px}.elementor-174126 .fmg-acc__img{flex:none;width:240px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.elementor-174126 .fmg-acc__body{flex:1;min-width:0}.elementor-174126 .fmg-acc__body h4{font-size:15px;margin:16px 0 8px}.elementor-174126 .fmg-acc__body h4:first-child{margin-top:0}.elementor-174126 .cmp-meta{font-weight:400;color:var(--muted);font-size:13.5px}@media(max-width:760px){.elementor-174126 .fmg-acc{flex-direction:column}.elementor-174126 .fmg-acc__img{width:100%;height:130px}}.elementor-174126 .dc-jump__menu a.dc-jump__opt{padding:7px 12px 7px 30px;font-size:12.5px;color:var(--muted)}.elementor-174126 .dc-jump__menu a.dc-jump__opt:hover{color:var(--blue-action)}.elementor-174126 *{min-width:0}@media(min-width:601px){.elementor-174126 .dc-table-scroll:has(.dc-table--stack){overflow-x:auto;border:1px solid var(--border);border-radius:12px}}@media(max-width:600px){.elementor-174126 .dc-table--stack{min-width:0}}.elementor-174126 .dc-table-scroll{max-width:100%}

/* ===== FortiEDR hub (id 174131) ===== */
:root{ --buy:#FFD814; --buy-hover:#F0B800; --blue:#2C75FF; --ink:#0F1E33; --body:#33445A; --muted:#6B7A90; --surface:#FFFFFF; --alt:#F4F7FB; --border:#E2E8F0; --green:#16A34A; --green-tint:#E7F6ED; --bright:#43D359; --info:#E8F0FF; --slate:#64748B; --orange:#FF551A; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }.elementor-174131 *{box-sizing:border-box}.elementor-174131 h1, .elementor-174131 h2, .elementor-174131 h3, .elementor-174131 h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink);font-weight:600;line-height:1.25;margin:0 0 .4em}.elementor-174131 h1{font-size:30px}.elementor-174131 h2{font-size:22px}.elementor-174131 h3{font-size:16px}.elementor-174131 p{margin:0 0 1em}.elementor-174131 a{color:var(--blue);text-decoration:none}.elementor-174131 a:hover{text-decoration:underline}.elementor-174131 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.elementor-174131 .section{padding:56px 0;border-top:1px solid var(--border)}.elementor-174131 .section.alt{background:var(--alt)}.elementor-174131 .eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}.elementor-174131 .mono{font-family:var(--mono)}.elementor-174131 .muted{color:var(--muted)}.elementor-174131 /* Prototype banner */ .proto{background:var(--ink);color:#cfe0ff;font-size:13px;text-align:center;padding:7px 12px;font-family:'Space Grotesk'}.elementor-174131 .proto b{color:#fff}.elementor-174131 /* Hero */ .hero{background: radial-gradient(circle at 12% 18%, rgba(44,117,255,.06) 0, transparent 38%), radial-gradient(circle at 88% 8%, rgba(44,117,255,.05) 0, transparent 32%), var(--surface); padding:30px 0 48px}.elementor-174131 .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.elementor-174131 .crumb a{color:var(--muted)}.elementor-174131 .badge-partner{display:inline-flex;align-items:center;gap:8px;background:var(--info);color:#1b4fd1;border:1px solid #cfe0ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;font-family:'Space Grotesk';margin-bottom:16px}.elementor-174131 .hero h1{max-width:18ch}.elementor-174131 .hero-sub{font-size:18px;color:var(--body);max-width:60ch;margin-bottom:22px}.elementor-174131 .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:26px}.elementor-174131 .trust{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:500}.elementor-174131 .trust svg{flex:none}.elementor-174131 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.elementor-174131 .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;border-radius:7px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;transition:.15s}.elementor-174131 .btn-primary{background:var(--blue);color:#fff}.elementor-174131 .btn-primary:hover{background:#1b5fe0;text-decoration:none}.elementor-174131 .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.elementor-174131 .btn-outline:hover{background:var(--info);text-decoration:none}.elementor-174131 .btn-buy{background:var(--buy);color:var(--ink)}.elementor-174131 .btn-buy:hover{background:var(--buy-hover);text-decoration:none}.elementor-174131 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.elementor-174131 .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,30,51,.06)}.elementor-174131 .kpi .n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--ink);line-height:1.1}.elementor-174131 .kpi .l{font-size:12.5px;color:var(--muted);margin-top:4px}.elementor-174131 /* Sticky nav */ .snav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.elementor-174131 .snav .wrap{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.elementor-174131 .snav a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--body);padding:14px 12px;white-space:nowrap;border-bottom:2px solid transparent}.elementor-174131 .snav a:hover{color:var(--blue);text-decoration:none}.elementor-174131 .snav a.active{color:var(--blue);border-bottom-color:var(--blue)}.elementor-174131 /* Sizing cards */ .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.elementor-174131 .size-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174131 .size-card .ic{width:42px;height:42px;border-radius:10px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.elementor-174131 .size-card h3{font-size:17px}.elementor-174131 .size-card .who{font-size:13px;color:var(--muted);margin-bottom:10px}.elementor-174131 .size-card ul{margin:0 0 16px;padding-left:18px;font-size:14.5px}.elementor-174131 .size-card li{margin-bottom:5px}.elementor-174131 .size-card .pick{margin-top:auto;font-size:14px;font-weight:500;color:var(--ink)}.elementor-174131 .size-card a.jump{font-weight:600}.elementor-174131 /* Tables */ .tcap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:30px 0 10px}.elementor-174131 .tcap h3{font-size:17px;margin:0}.elementor-174131 .tcap .note{font-size:13px;color:var(--muted)}.elementor-174131 .tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.elementor-174131 table.models{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}.elementor-174131 table.models thead th{background:var(--alt);text-align:left;font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.elementor-174131 table.models th.num, .elementor-174131 table.models td.num{text-align:right;font-variant-numeric:tabular-nums}.elementor-174131 table.models td{padding:11px 14px;border-bottom:1px solid var(--border)}.elementor-174131 table.models tbody tr:nth-child(even){background:#fafcff}.elementor-174131 table.models tbody tr:hover{background:var(--info)}.elementor-174131 table.models tbody tr:last-child td{border-bottom:none}.elementor-174131 .m-name{font-weight:500;color:var(--ink)}.elementor-174131 .m-name a{color:var(--ink)}.elementor-174131 .m-name a:hover{color:var(--blue)}.elementor-174131 .val{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.elementor-174131 .pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:var(--green-tint);color:#0f7a3d;border-radius:999px;padding:3px 9px;white-space:nowrap}.elementor-174131 .pill.dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.elementor-174131 .pill.legacy{background:#eef1f6;color:var(--slate)}.elementor-174131 .pill.legacy::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--slate)}.elementor-174131 tr.legacy-row{background:#fbfcfe!important}.elementor-174131 tr.legacy-row .m-name a{color:var(--slate)}.elementor-174131 tr.legacy-row .val{color:var(--slate)}.elementor-174131 tr.legacy-row .view a{color:var(--slate)}.elementor-174131 tr.divider td{background:var(--alt);font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);padding:8px 14px}.elementor-174131 .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:13px;color:var(--muted)}.elementor-174131 .legend span{display:inline-flex;align-items:center;gap:6px}.elementor-174131 .view{font-weight:600;font-size:13.5px;white-space:nowrap}.elementor-174131 .dl-row{margin-top:14px;font-size:14px}.elementor-174131 /* Use cases */ .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.elementor-174131 .uc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.elementor-174131 .uc .ic{width:38px;height:38px;border-radius:9px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.elementor-174131 .uc h3{font-size:15.5px}.elementor-174131 .uc p{font-size:14px;margin:0}.elementor-174131 /* Services */ .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.elementor-174131 .svc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;border-top:3px solid var(--blue)}.elementor-174131 .svc.lead{border-top-color:var(--orange)}.elementor-174131 .svc .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-family:'Space Grotesk'}.elementor-174131 .svc h3{font-size:16px;margin:6px 0 8px}.elementor-174131 .svc p{font-size:14px;margin:0}.elementor-174131 /* Why us */ .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.elementor-174131 .why{padding:6px 0}.elementor-174131 .why .ic{margin-bottom:10px}.elementor-174131 .why h3{font-size:15px}.elementor-174131 .why p{font-size:13.5px;margin:0;color:var(--muted)}.elementor-174131 /* FAQ */ .faq{max-width:820px;margin-top:8px}.elementor-174131 .faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}.elementor-174131 .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:16px 18px;font-family:'Space Grotesk';font-weight:500;font-size:15.5px;color:var(--ink)}.elementor-174131 .faq-q .chev{transition:.2s;flex:none;color:var(--blue)}.elementor-174131 .faq-item.open .chev{transform:rotate(180deg)}.elementor-174131 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.elementor-174131 .faq-item.open .faq-a{max-height:340px;padding-bottom:16px}.elementor-174131 .faq-a p{font-size:14.5px;margin:0}.elementor-174131 /* CTA strip */ .ctastrip{background:var(--ink);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.elementor-174131 .ctastrip h2{color:#fff;margin:0 0 6px}.elementor-174131 .ctastrip p{color:#b9c6da;margin:0;font-size:15px}.elementor-174131 /* footer note */ .foot{font-size:12.5px;color:var(--muted);padding:26px 0 50px}.elementor-174131 details.spec{margin-top:18px;border:1px dashed var(--border);border-radius:10px;padding:6px 16px;background:var(--alt)}.elementor-174131 details.spec summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;color:var(--ink);padding:10px 0}.elementor-174131 details.spec pre{white-space:pre-wrap;font-size:12.5px;color:var(--body);background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;overflow:auto}.elementor-174131 /* Sticky mobile quote bar */ .mbar{display:none}@media(max-width:760px){.elementor-174131 h1{font-size:25px}.elementor-174131 h2{font-size:20px}.elementor-174131 .kpis{grid-template-columns:repeat(2,1fr)}.elementor-174131 .size-grid, .elementor-174131 .uc-grid, .elementor-174131 .svc-grid, .elementor-174131 .why-grid{grid-template-columns:1fr}.elementor-174131 .section{padding:40px 0}.elementor-174131 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:10px 16px;gap:10px;box-shadow:0 -2px 10px rgba(15,30,51,.08)}.elementor-174131 .mbar .btn{flex:1;justify-content:center;padding:12px} }.elementor-174131 .variants{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.elementor-174131 .variants.mono{font-family:var(--mono);font-size:12px}.elementor-174131 .callout{background:var(--info);border:1px solid #cfe0ff;border-radius:12px;padding:18px 20px;max-width:760px}.elementor-174131 .callout strong{font-family:'Space Grotesk';color:var(--ink);display:block;margin-bottom:8px}.elementor-174131 .callout ul{margin:0 0 10px;padding-left:18px;font-size:14px}.elementor-174131 .callout li{margin-bottom:6px}.elementor-174131 .eol-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174131 .models-var td{vertical-align:middle}.elementor-174131 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:10px 14px}.elementor-174131 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px}.elementor-174131 .series-head .sname a{color:var(--ink)}.elementor-174131 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174131 .series-head .shead-link{float:right;font-size:13px;font-weight:600}.elementor-174131 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174131 .models-var .mvar a:hover{color:var(--blue)}.elementor-174131 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174131 .models-var td{vertical-align:middle}.elementor-174131 tr.series-head{cursor:pointer}.elementor-174131 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:11px 14px}.elementor-174131 tr.series-head:hover td{background:#e6eef9}.elementor-174131 .series-head .chev{transition:.18s;color:var(--blue);vertical-align:-2px;margin-right:8px}.elementor-174131 .series-head.is-open .chev{transform:rotate(90deg)}.elementor-174131 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--ink)}.elementor-174131 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174131 .series-head .shead-meta{float:right;display:inline-flex;align-items:center;gap:10px}.elementor-174131 .series-head .ct{font-size:12.5px;color:var(--muted)}.elementor-174131 .var-row{display:none}.elementor-174131 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174131 .models-var .mvar a:hover{color:var(--blue)}.elementor-174131 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174131 .btn-sm{padding:8px 14px;font-size:13.5px;min-height:auto}.elementor-174131 .expand-bar{margin:6px 0 4px;display:flex;justify-content:flex-end}.elementor-174131 .var-row.lg-var{display:table-row}.elementor-174131 .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.elementor-174131 .hero-text .hero-sub{max-width:48ch}.elementor-174131 .hero-media{text-align:center}.elementor-174131 .hero-media img{max-width:100%;height:auto;border-radius:14px}@media(max-width:820px){.elementor-174131 .hero-grid{grid-template-columns:1fr;gap:20px}}

/* ==========================================================================
   DC360 FortiGate HUB — page enhancements
   File: storefront-child/dc360-assets/dc360-fghub.css  (auto-enqueued on the
   FortiGate hub page /fortinet/fortigate/, id 174131).
   Added 2026-06-22. All rules are scoped to .elementor-174131 so nothing can
   leak site-wide. This page predates the site-wide .dc-* design system; these
   rules extend the existing bespoke hub styles. Prefer .dc-* for new work.
   ========================================================================== */

/* --- Hero subtitle (split out of the H1) --- */
.elementor-174131 .hero-tag{font-family:'Space Grotesk';font-size:18px;font-weight:500;color:var(--muted);margin:2px 0 14px}

/* --- Hero trust badges + Select Partner image (ported from the model pages) --- */
.elementor-174131 .dc360-badges{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:16px}
.elementor-174131 .dc360-badges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--body);font-family:'Space Grotesk'}
.elementor-174131 .dc360-badges i{font-size:15px;color:var(--blue)}
.elementor-174131 .dc360-auth{width:416px;max-width:100%;height:auto;display:block;margin:18px 0 0}
@media(max-width:768px){.elementor-174131 .dc360-badges{justify-content:center}.elementor-174131 .dc360-auth{margin-left:auto;margin-right:auto}}

/* --- Sticky nav: feature "Available models" as a hover/focus dropdown --- */
.elementor-174131 .snav .snav-optwrap{position:relative;display:inline-flex;align-items:center}
.elementor-174131 .snav a.feat{background:var(--blue);color:#fff;border-radius:8px;padding:8px 13px;margin:6px 2px;border-bottom:none!important}
.elementor-174131 .snav a.feat:hover{background:var(--blue-action,#1B5FE0);color:#fff}
.elementor-174131 .snav-sub{display:none;position:absolute;top:calc(100% - 2px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgb(15 30 51/.16);padding:6px;min-width:172px;z-index:60}
.elementor-174131 .snav-optwrap:hover .snav-sub,.elementor-174131 .snav-optwrap:focus-within .snav-sub{display:block}
.elementor-174131 .snav-sub a{display:block;padding:8px 12px;border-radius:8px;border-bottom:none!important;font-size:13.5px;white-space:nowrap}
.elementor-174131 .snav-sub a:hover{background:var(--info);color:var(--blue)}

/* --- Hero KPI cards: restrained. White cards (from base), brand-blue number
       and one calm blue left accent. No multi-color tints. --- */
.elementor-174131 .kpi{border-left:3px solid var(--blue)}
.elementor-174131 .kpi .n{color:var(--blue-action,#1B5FE0)}

/* --- Bottom section cards: subtle accent only (toned down per feedback —
       one calm blue top accent + gentle hover, no multi-color rotation). --- */
.elementor-174131 .size-card,.elementor-174131 .uc{border-top:3px solid var(--blue);transition:transform .15s,box-shadow .15s}
.elementor-174131 .size-card:hover,.elementor-174131 .uc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgb(15 30 51/.08)}

/* --- Sticky-nav anchor offset so headings aren't hidden under the bar --- */
.elementor-174131 section[id],.elementor-174131 .tcap[id]{scroll-margin-top:72px}

/* --- Mobile (<=640px): stack the model tables into readable rows.
       Desktop layout is untouched (all inside this media query). --- */
@media(max-width:640px){
 .elementor-174131 .tbl-scroll{overflow:visible}
 .elementor-174131 table.models-var{min-width:0;width:100%}
 .elementor-174131 .models-var thead{display:none}
 .elementor-174131 .models-var tr{display:block}
 .elementor-174131 .models-var td{display:block;border:none;padding:0}
 .elementor-174131 .models-var .var-row{padding:11px 13px;border-bottom:1px solid var(--border)}
 .elementor-174131 .models-var .var-row .mvar{font-weight:600;font-size:15px}
 .elementor-174131 .models-var .var-row .val{font-family:var(--mono);color:var(--muted);font-size:12px;margin-top:2px}
 .elementor-174131 .models-var .var-row .diff{font-size:12.5px;color:var(--body);margin-top:3px}
 .elementor-174131 .models-var .var-row .view{margin-top:7px}
 .elementor-174131 .models-var .var-row .view a{display:inline-block;font-weight:600}
 /* legacy EOO/LSED/EOS cells: inline with small labels */
 .elementor-174131 #legacy .models-var .var-row .num.val{display:inline-block;margin:5px 14px 0 0;font-size:12px}
 .elementor-174131 #legacy .models-var .var-row td:nth-child(3)::before{content:'EOO ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174131 #legacy .models-var .var-row td:nth-child(4)::before{content:'LSED ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174131 #legacy .models-var .var-row td:nth-child(5)::before{content:'EOS ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
}

/* ===== FortiEDR hub layout (id 174131) ===== */
.elementor-174131 .fed-acc{display:flex;gap:20px;align-items:flex-start;margin:2px 0 4px}.elementor-174131 .fed-acc__img{flex:none;width:200px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.elementor-174131 .fed-acc__body{flex:1;min-width:0}.elementor-174131 .fed-inc{margin:0;padding-left:18px}.elementor-174131 .fed-inc li{margin:2px 0;font-size:14px}.elementor-174131 .fed-vars h4{font-size:15px;margin:18px 0 2px}.elementor-174131 .cmp-meta{font-weight:400;color:var(--muted);font-size:13.5px}.elementor-174131 .dc-tick{color:#16a34a;font-weight:700}.elementor-174131 .dc-dash{color:var(--muted)}.elementor-174131 .dc-jump__menu a.sub{padding-left:28px;font-size:13px;opacity:.9}.elementor-174131 .snav-sub{z-index:60}@media(min-width:993px){.elementor-174131 .snav .wrap{overflow:visible}}@media(max-width:760px){.elementor-174131 .fed-acc{flex-direction:column;align-items:center}.elementor-174131 .fed-acc__img{width:100%;max-width:280px;height:150px}}@media(min-width:601px){.elementor-174131 .dc-table-scroll:has(.dc-table--stack){overflow-x:auto;border:1px solid var(--border);border-radius:12px}}@media(max-width:600px){.elementor-174131 .dc-table--stack{min-width:0}}.elementor-174131 *{min-width:0}.elementor-174131 .dc-table-scroll{max-width:100%}

/* ===== FortiSASE hub (id 174134) ===== */
:root{ --buy:#FFD814; --buy-hover:#F0B800; --blue:#2C75FF; --ink:#0F1E33; --body:#33445A; --muted:#6B7A90; --surface:#FFFFFF; --alt:#F4F7FB; --border:#E2E8F0; --green:#16A34A; --green-tint:#E7F6ED; --bright:#43D359; --info:#E8F0FF; --slate:#64748B; --orange:#FF551A; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }.elementor-174134 *{box-sizing:border-box}.elementor-174134 h1, .elementor-174134 h2, .elementor-174134 h3, .elementor-174134 h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink);font-weight:600;line-height:1.25;margin:0 0 .4em}.elementor-174134 h1{font-size:30px}.elementor-174134 h2{font-size:22px}.elementor-174134 h3{font-size:16px}.elementor-174134 p{margin:0 0 1em}.elementor-174134 a{color:var(--blue);text-decoration:none}.elementor-174134 a:hover{text-decoration:underline}.elementor-174134 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.elementor-174134 .section{padding:56px 0;border-top:1px solid var(--border)}.elementor-174134 .section.alt{background:var(--alt)}.elementor-174134 .eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}.elementor-174134 .mono{font-family:var(--mono)}.elementor-174134 .muted{color:var(--muted)}.elementor-174134 /* Prototype banner */ .proto{background:var(--ink);color:#cfe0ff;font-size:13px;text-align:center;padding:7px 12px;font-family:'Space Grotesk'}.elementor-174134 .proto b{color:#fff}.elementor-174134 /* Hero */ .hero{background: radial-gradient(circle at 12% 18%, rgba(44,117,255,.06) 0, transparent 38%), radial-gradient(circle at 88% 8%, rgba(44,117,255,.05) 0, transparent 32%), var(--surface); padding:30px 0 48px}.elementor-174134 .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.elementor-174134 .crumb a{color:var(--muted)}.elementor-174134 .badge-partner{display:inline-flex;align-items:center;gap:8px;background:var(--info);color:#1b4fd1;border:1px solid #cfe0ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;font-family:'Space Grotesk';margin-bottom:16px}.elementor-174134 .hero h1{max-width:18ch}.elementor-174134 .hero-sub{font-size:18px;color:var(--body);max-width:60ch;margin-bottom:22px}.elementor-174134 .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:26px}.elementor-174134 .trust{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:500}.elementor-174134 .trust svg{flex:none}.elementor-174134 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.elementor-174134 .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;border-radius:7px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;transition:.15s}.elementor-174134 .btn-primary{background:var(--blue);color:#fff}.elementor-174134 .btn-primary:hover{background:#1b5fe0;text-decoration:none}.elementor-174134 .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.elementor-174134 .btn-outline:hover{background:var(--info);text-decoration:none}.elementor-174134 .btn-buy{background:var(--buy);color:var(--ink)}.elementor-174134 .btn-buy:hover{background:var(--buy-hover);text-decoration:none}.elementor-174134 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.elementor-174134 .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,30,51,.06)}.elementor-174134 .kpi .n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--ink);line-height:1.1}.elementor-174134 .kpi .l{font-size:12.5px;color:var(--muted);margin-top:4px}.elementor-174134 /* Sticky nav */ .snav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.elementor-174134 .snav .wrap{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.elementor-174134 .snav a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--body);padding:14px 12px;white-space:nowrap;border-bottom:2px solid transparent}.elementor-174134 .snav a:hover{color:var(--blue);text-decoration:none}.elementor-174134 .snav a.active{color:var(--blue);border-bottom-color:var(--blue)}.elementor-174134 /* Sizing cards */ .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.elementor-174134 .size-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174134 .size-card .ic{width:42px;height:42px;border-radius:10px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.elementor-174134 .size-card h3{font-size:17px}.elementor-174134 .size-card .who{font-size:13px;color:var(--muted);margin-bottom:10px}.elementor-174134 .size-card ul{margin:0 0 16px;padding-left:18px;font-size:14.5px}.elementor-174134 .size-card li{margin-bottom:5px}.elementor-174134 .size-card .pick{margin-top:auto;font-size:14px;font-weight:500;color:var(--ink)}.elementor-174134 .size-card a.jump{font-weight:600}.elementor-174134 /* Tables */ .tcap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:30px 0 10px}.elementor-174134 .tcap h3{font-size:17px;margin:0}.elementor-174134 .tcap .note{font-size:13px;color:var(--muted)}.elementor-174134 .tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.elementor-174134 table.models{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}.elementor-174134 table.models thead th{background:var(--alt);text-align:left;font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.elementor-174134 table.models th.num, .elementor-174134 table.models td.num{text-align:right;font-variant-numeric:tabular-nums}.elementor-174134 table.models td{padding:11px 14px;border-bottom:1px solid var(--border)}.elementor-174134 table.models tbody tr:nth-child(even){background:#fafcff}.elementor-174134 table.models tbody tr:hover{background:var(--info)}.elementor-174134 table.models tbody tr:last-child td{border-bottom:none}.elementor-174134 .m-name{font-weight:500;color:var(--ink)}.elementor-174134 .m-name a{color:var(--ink)}.elementor-174134 .m-name a:hover{color:var(--blue)}.elementor-174134 .val{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.elementor-174134 .pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:var(--green-tint);color:#0f7a3d;border-radius:999px;padding:3px 9px;white-space:nowrap}.elementor-174134 .pill.dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.elementor-174134 .pill.legacy{background:#eef1f6;color:var(--slate)}.elementor-174134 .pill.legacy::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--slate)}.elementor-174134 tr.legacy-row{background:#fbfcfe!important}.elementor-174134 tr.legacy-row .m-name a{color:var(--slate)}.elementor-174134 tr.legacy-row .val{color:var(--slate)}.elementor-174134 tr.legacy-row .view a{color:var(--slate)}.elementor-174134 tr.divider td{background:var(--alt);font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);padding:8px 14px}.elementor-174134 .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:13px;color:var(--muted)}.elementor-174134 .legend span{display:inline-flex;align-items:center;gap:6px}.elementor-174134 .view{font-weight:600;font-size:13.5px;white-space:nowrap}.elementor-174134 .dl-row{margin-top:14px;font-size:14px}.elementor-174134 /* Use cases */ .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.elementor-174134 .uc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.elementor-174134 .uc .ic{width:38px;height:38px;border-radius:9px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.elementor-174134 .uc h3{font-size:15.5px}.elementor-174134 .uc p{font-size:14px;margin:0}.elementor-174134 /* Services */ .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.elementor-174134 .svc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;border-top:3px solid var(--blue)}.elementor-174134 .svc.lead{border-top-color:var(--orange)}.elementor-174134 .svc .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-family:'Space Grotesk'}.elementor-174134 .svc h3{font-size:16px;margin:6px 0 8px}.elementor-174134 .svc p{font-size:14px;margin:0}.elementor-174134 /* Why us */ .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.elementor-174134 .why{padding:6px 0}.elementor-174134 .why .ic{margin-bottom:10px}.elementor-174134 .why h3{font-size:15px}.elementor-174134 .why p{font-size:13.5px;margin:0;color:var(--muted)}.elementor-174134 /* FAQ */ .faq{max-width:820px;margin-top:8px}.elementor-174134 .faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}.elementor-174134 .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:16px 18px;font-family:'Space Grotesk';font-weight:500;font-size:15.5px;color:var(--ink)}.elementor-174134 .faq-q .chev{transition:.2s;flex:none;color:var(--blue)}.elementor-174134 .faq-item.open .chev{transform:rotate(180deg)}.elementor-174134 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.elementor-174134 .faq-item.open .faq-a{max-height:340px;padding-bottom:16px}.elementor-174134 .faq-a p{font-size:14.5px;margin:0}.elementor-174134 /* CTA strip */ .ctastrip{background:var(--ink);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.elementor-174134 .ctastrip h2{color:#fff;margin:0 0 6px}.elementor-174134 .ctastrip p{color:#b9c6da;margin:0;font-size:15px}.elementor-174134 /* footer note */ .foot{font-size:12.5px;color:var(--muted);padding:26px 0 50px}.elementor-174134 details.spec{margin-top:18px;border:1px dashed var(--border);border-radius:10px;padding:6px 16px;background:var(--alt)}.elementor-174134 details.spec summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;color:var(--ink);padding:10px 0}.elementor-174134 details.spec pre{white-space:pre-wrap;font-size:12.5px;color:var(--body);background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;overflow:auto}.elementor-174134 /* Sticky mobile quote bar */ .mbar{display:none}@media(max-width:760px){.elementor-174134 h1{font-size:25px}.elementor-174134 h2{font-size:20px}.elementor-174134 .kpis{grid-template-columns:repeat(2,1fr)}.elementor-174134 .size-grid, .elementor-174134 .uc-grid, .elementor-174134 .svc-grid, .elementor-174134 .why-grid{grid-template-columns:1fr}.elementor-174134 .section{padding:40px 0}.elementor-174134 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:10px 16px;gap:10px;box-shadow:0 -2px 10px rgba(15,30,51,.08)}.elementor-174134 .mbar .btn{flex:1;justify-content:center;padding:12px} }.elementor-174134 .variants{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.elementor-174134 .variants.mono{font-family:var(--mono);font-size:12px}.elementor-174134 .callout{background:var(--info);border:1px solid #cfe0ff;border-radius:12px;padding:18px 20px;max-width:760px}.elementor-174134 .callout strong{font-family:'Space Grotesk';color:var(--ink);display:block;margin-bottom:8px}.elementor-174134 .callout ul{margin:0 0 10px;padding-left:18px;font-size:14px}.elementor-174134 .callout li{margin-bottom:6px}.elementor-174134 .eol-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174134 .models-var td{vertical-align:middle}.elementor-174134 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:10px 14px}.elementor-174134 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px}.elementor-174134 .series-head .sname a{color:var(--ink)}.elementor-174134 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174134 .series-head .shead-link{float:right;font-size:13px;font-weight:600}.elementor-174134 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174134 .models-var .mvar a:hover{color:var(--blue)}.elementor-174134 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174134 .models-var td{vertical-align:middle}.elementor-174134 tr.series-head{cursor:pointer}.elementor-174134 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:11px 14px}.elementor-174134 tr.series-head:hover td{background:#e6eef9}.elementor-174134 .series-head .chev{transition:.18s;color:var(--blue);vertical-align:-2px;margin-right:8px}.elementor-174134 .series-head.is-open .chev{transform:rotate(90deg)}.elementor-174134 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--ink)}.elementor-174134 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174134 .series-head .shead-meta{float:right;display:inline-flex;align-items:center;gap:10px}.elementor-174134 .series-head .ct{font-size:12.5px;color:var(--muted)}.elementor-174134 .var-row{display:none}.elementor-174134 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174134 .models-var .mvar a:hover{color:var(--blue)}.elementor-174134 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174134 .btn-sm{padding:8px 14px;font-size:13.5px;min-height:auto}.elementor-174134 .expand-bar{margin:6px 0 4px;display:flex;justify-content:flex-end}.elementor-174134 .var-row.lg-var{display:table-row}.elementor-174134 .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.elementor-174134 .hero-text .hero-sub{max-width:48ch}.elementor-174134 .hero-media{text-align:center}.elementor-174134 .hero-media img{max-width:100%;height:auto;border-radius:14px}@media(max-width:820px){.elementor-174134 .hero-grid{grid-template-columns:1fr;gap:20px}}

/* ==========================================================================
   DC360 FortiGate HUB — page enhancements
   File: storefront-child/dc360-assets/dc360-fghub.css  (auto-enqueued on the
   FortiGate hub page /fortinet/fortigate/, id 174134).
   Added 2026-06-22. All rules are scoped to .elementor-174134 so nothing can
   leak site-wide. This page predates the site-wide .dc-* design system; these
   rules extend the existing bespoke hub styles. Prefer .dc-* for new work.
   ========================================================================== */

/* --- Hero subtitle (split out of the H1) --- */
.elementor-174134 .hero-tag{font-family:'Space Grotesk';font-size:18px;font-weight:500;color:var(--muted);margin:2px 0 14px}

/* --- Hero trust badges + Select Partner image (ported from the model pages) --- */
.elementor-174134 .dc360-badges{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:16px}
.elementor-174134 .dc360-badges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--body);font-family:'Space Grotesk'}
.elementor-174134 .dc360-badges i{font-size:15px;color:var(--blue)}
.elementor-174134 .dc360-auth{width:416px;max-width:100%;height:auto;display:block;margin:18px 0 0}
@media(max-width:768px){.elementor-174134 .dc360-badges{justify-content:center}.elementor-174134 .dc360-auth{margin-left:auto;margin-right:auto}}

/* --- Sticky nav: feature "Available models" as a hover/focus dropdown --- */
.elementor-174134 .snav .snav-optwrap{position:relative;display:inline-flex;align-items:center}
.elementor-174134 .snav a.feat{background:var(--blue);color:#fff;border-radius:8px;padding:8px 13px;margin:6px 2px;border-bottom:none!important}
.elementor-174134 .snav a.feat:hover{background:var(--blue-action,#1B5FE0);color:#fff}
.elementor-174134 .snav-sub{display:none;position:absolute;top:calc(100% - 2px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgb(15 30 51/.16);padding:6px;min-width:172px;z-index:60}
.elementor-174134 .snav-optwrap:hover .snav-sub,.elementor-174134 .snav-optwrap:focus-within .snav-sub{display:block}
.elementor-174134 .snav-sub a{display:block;padding:8px 12px;border-radius:8px;border-bottom:none!important;font-size:13.5px;white-space:nowrap}
.elementor-174134 .snav-sub a:hover{background:var(--info);color:var(--blue)}

/* --- Hero KPI cards: restrained. White cards (from base), brand-blue number
       and one calm blue left accent. No multi-color tints. --- */
.elementor-174134 .kpi{border-left:3px solid var(--blue)}
.elementor-174134 .kpi .n{color:var(--blue-action,#1B5FE0)}

/* --- Bottom section cards: subtle accent only (toned down per feedback —
       one calm blue top accent + gentle hover, no multi-color rotation). --- */
.elementor-174134 .size-card,.elementor-174134 .uc{border-top:3px solid var(--blue);transition:transform .15s,box-shadow .15s}
.elementor-174134 .size-card:hover,.elementor-174134 .uc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgb(15 30 51/.08)}

/* --- Sticky-nav anchor offset so headings aren't hidden under the bar --- */
.elementor-174134 section[id],.elementor-174134 .tcap[id]{scroll-margin-top:72px}

/* --- Mobile (<=640px): stack the model tables into readable rows.
       Desktop layout is untouched (all inside this media query). --- */
@media(max-width:640px){
 .elementor-174134 .tbl-scroll{overflow:visible}
 .elementor-174134 table.models-var{min-width:0;width:100%}
 .elementor-174134 .models-var thead{display:none}
 .elementor-174134 .models-var tr{display:block}
 .elementor-174134 .models-var td{display:block;border:none;padding:0}
 .elementor-174134 .models-var .var-row{padding:11px 13px;border-bottom:1px solid var(--border)}
 .elementor-174134 .models-var .var-row .mvar{font-weight:600;font-size:15px}
 .elementor-174134 .models-var .var-row .val{font-family:var(--mono);color:var(--muted);font-size:12px;margin-top:2px}
 .elementor-174134 .models-var .var-row .diff{font-size:12.5px;color:var(--body);margin-top:3px}
 .elementor-174134 .models-var .var-row .view{margin-top:7px}
 .elementor-174134 .models-var .var-row .view a{display:inline-block;font-weight:600}
 /* legacy EOO/LSED/EOS cells: inline with small labels */
 .elementor-174134 #legacy .models-var .var-row .num.val{display:inline-block;margin:5px 14px 0 0;font-size:12px}
 .elementor-174134 #legacy .models-var .var-row td:nth-child(3)::before{content:'EOO ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174134 #legacy .models-var .var-row td:nth-child(4)::before{content:'LSED ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174134 #legacy .models-var .var-row td:nth-child(5)::before{content:'EOS ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
}

/* ===== FortiSASE hub layout (id 174134) ===== */
.elementor-174134 .cmp-meta{font-weight:400;color:var(--muted);font-size:13.5px}.elementor-174134 .dc-tick{color:#16a34a;font-weight:700}.elementor-174134 .dc-dash{color:var(--muted)}.elementor-174134 .dc-jump__menu a.sub{padding-left:28px;font-size:13px;opacity:.9}.elementor-174134 .snav-sub{z-index:60}@media(min-width:993px){.elementor-174134 .snav .wrap{overflow:visible}}@media(min-width:601px){.elementor-174134 .dc-table-scroll:has(.dc-table--stack){overflow-x:auto;border:1px solid var(--border);border-radius:12px}}@media(max-width:600px){.elementor-174134 .dc-table--stack{min-width:0}}.elementor-174134 *{min-width:0}.elementor-174134 .dc-table-scroll{max-width:100%}.elementor-174134 .dc-acc{margin:0 0 10px}.elementor-174134 .dc-acc h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink)}

/* ===== FortiMail hub (id 174137) ===== */
:root{ --buy:#FFD814; --buy-hover:#F0B800; --blue:#2C75FF; --ink:#0F1E33; --body:#33445A; --muted:#6B7A90; --surface:#FFFFFF; --alt:#F4F7FB; --border:#E2E8F0; --green:#16A34A; --green-tint:#E7F6ED; --bright:#43D359; --info:#E8F0FF; --slate:#64748B; --orange:#FF551A; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }.elementor-174137 *{box-sizing:border-box}.elementor-174137 h1, .elementor-174137 h2, .elementor-174137 h3, .elementor-174137 h4{font-family:'Space Grotesk',Roboto,sans-serif;color:var(--ink);font-weight:600;line-height:1.25;margin:0 0 .4em}.elementor-174137 h1{font-size:30px}.elementor-174137 h2{font-size:22px}.elementor-174137 h3{font-size:16px}.elementor-174137 p{margin:0 0 1em}.elementor-174137 a{color:var(--blue);text-decoration:none}.elementor-174137 a:hover{text-decoration:underline}.elementor-174137 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.elementor-174137 .section{padding:56px 0;border-top:1px solid var(--border)}.elementor-174137 .section.alt{background:var(--alt)}.elementor-174137 .eyebrow{font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:8px}.elementor-174137 .mono{font-family:var(--mono)}.elementor-174137 .muted{color:var(--muted)}.elementor-174137 /* Prototype banner */ .proto{background:var(--ink);color:#cfe0ff;font-size:13px;text-align:center;padding:7px 12px;font-family:'Space Grotesk'}.elementor-174137 .proto b{color:#fff}.elementor-174137 /* Hero */ .hero{background: radial-gradient(circle at 12% 18%, rgba(44,117,255,.06) 0, transparent 38%), radial-gradient(circle at 88% 8%, rgba(44,117,255,.05) 0, transparent 32%), var(--surface); padding:30px 0 48px}.elementor-174137 .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}.elementor-174137 .crumb a{color:var(--muted)}.elementor-174137 .badge-partner{display:inline-flex;align-items:center;gap:8px;background:var(--info);color:#1b4fd1;border:1px solid #cfe0ff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;font-family:'Space Grotesk';margin-bottom:16px}.elementor-174137 .hero h1{max-width:18ch}.elementor-174137 .hero-sub{font-size:18px;color:var(--body);max-width:60ch;margin-bottom:22px}.elementor-174137 .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:26px}.elementor-174137 .trust{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink);font-weight:500}.elementor-174137 .trust svg{flex:none}.elementor-174137 .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.elementor-174137 .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;border-radius:7px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;transition:.15s}.elementor-174137 .btn-primary{background:var(--blue);color:#fff}.elementor-174137 .btn-primary:hover{background:#1b5fe0;text-decoration:none}.elementor-174137 .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}.elementor-174137 .btn-outline:hover{background:var(--info);text-decoration:none}.elementor-174137 .btn-buy{background:var(--buy);color:var(--ink)}.elementor-174137 .btn-buy:hover{background:var(--buy-hover);text-decoration:none}.elementor-174137 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.elementor-174137 .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,30,51,.06)}.elementor-174137 .kpi .n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--ink);line-height:1.1}.elementor-174137 .kpi .l{font-size:12.5px;color:var(--muted);margin-top:4px}.elementor-174137 /* Sticky nav */ .snav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.elementor-174137 .snav .wrap{display:flex;gap:6px;overflow-x:auto;padding:0 20px}.elementor-174137 .snav a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--body);padding:14px 12px;white-space:nowrap;border-bottom:2px solid transparent}.elementor-174137 .snav a:hover{color:var(--blue);text-decoration:none}.elementor-174137 .snav a.active{color:var(--blue);border-bottom-color:var(--blue)}.elementor-174137 /* Sizing cards */ .size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.elementor-174137 .size-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174137 .size-card .ic{width:42px;height:42px;border-radius:10px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.elementor-174137 .size-card h3{font-size:17px}.elementor-174137 .size-card .who{font-size:13px;color:var(--muted);margin-bottom:10px}.elementor-174137 .size-card ul{margin:0 0 16px;padding-left:18px;font-size:14.5px}.elementor-174137 .size-card li{margin-bottom:5px}.elementor-174137 .size-card .pick{margin-top:auto;font-size:14px;font-weight:500;color:var(--ink)}.elementor-174137 .size-card a.jump{font-weight:600}.elementor-174137 /* Tables */ .tcap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:30px 0 10px}.elementor-174137 .tcap h3{font-size:17px;margin:0}.elementor-174137 .tcap .note{font-size:13px;color:var(--muted)}.elementor-174137 .tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.elementor-174137 table.models{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}.elementor-174137 table.models thead th{background:var(--alt);text-align:left;font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--ink);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.elementor-174137 table.models th.num, .elementor-174137 table.models td.num{text-align:right;font-variant-numeric:tabular-nums}.elementor-174137 table.models td{padding:11px 14px;border-bottom:1px solid var(--border)}.elementor-174137 table.models tbody tr:nth-child(even){background:#fafcff}.elementor-174137 table.models tbody tr:hover{background:var(--info)}.elementor-174137 table.models tbody tr:last-child td{border-bottom:none}.elementor-174137 .m-name{font-weight:500;color:var(--ink)}.elementor-174137 .m-name a{color:var(--ink)}.elementor-174137 .m-name a:hover{color:var(--blue)}.elementor-174137 .val{font-family:var(--mono);font-size:13.5px;color:var(--ink)}.elementor-174137 .pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:var(--green-tint);color:#0f7a3d;border-radius:999px;padding:3px 9px;white-space:nowrap}.elementor-174137 .pill.dot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.elementor-174137 .pill.legacy{background:#eef1f6;color:var(--slate)}.elementor-174137 .pill.legacy::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--slate)}.elementor-174137 tr.legacy-row{background:#fbfcfe!important}.elementor-174137 tr.legacy-row .m-name a{color:var(--slate)}.elementor-174137 tr.legacy-row .val{color:var(--slate)}.elementor-174137 tr.legacy-row .view a{color:var(--slate)}.elementor-174137 tr.divider td{background:var(--alt);font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);padding:8px 14px}.elementor-174137 .legend{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 4px;font-size:13px;color:var(--muted)}.elementor-174137 .legend span{display:inline-flex;align-items:center;gap:6px}.elementor-174137 .view{font-weight:600;font-size:13.5px;white-space:nowrap}.elementor-174137 .dl-row{margin-top:14px;font-size:14px}.elementor-174137 /* Use cases */ .uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.elementor-174137 .uc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.elementor-174137 .uc .ic{width:38px;height:38px;border-radius:9px;background:var(--info);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.elementor-174137 .uc h3{font-size:15.5px}.elementor-174137 .uc p{font-size:14px;margin:0}.elementor-174137 /* Services */ .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.elementor-174137 .svc{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;border-top:3px solid var(--blue)}.elementor-174137 .svc.lead{border-top-color:var(--orange)}.elementor-174137 .svc .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-family:'Space Grotesk'}.elementor-174137 .svc h3{font-size:16px;margin:6px 0 8px}.elementor-174137 .svc p{font-size:14px;margin:0}.elementor-174137 /* Why us */ .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.elementor-174137 .why{padding:6px 0}.elementor-174137 .why .ic{margin-bottom:10px}.elementor-174137 .why h3{font-size:15px}.elementor-174137 .why p{font-size:13.5px;margin:0;color:var(--muted)}.elementor-174137 /* FAQ */ .faq{max-width:820px;margin-top:8px}.elementor-174137 .faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}.elementor-174137 .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:16px 18px;font-family:'Space Grotesk';font-weight:500;font-size:15.5px;color:var(--ink)}.elementor-174137 .faq-q .chev{transition:.2s;flex:none;color:var(--blue)}.elementor-174137 .faq-item.open .chev{transform:rotate(180deg)}.elementor-174137 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.elementor-174137 .faq-item.open .faq-a{max-height:340px;padding-bottom:16px}.elementor-174137 .faq-a p{font-size:14.5px;margin:0}.elementor-174137 /* CTA strip */ .ctastrip{background:var(--ink);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.elementor-174137 .ctastrip h2{color:#fff;margin:0 0 6px}.elementor-174137 .ctastrip p{color:#b9c6da;margin:0;font-size:15px}.elementor-174137 /* footer note */ .foot{font-size:12.5px;color:var(--muted);padding:26px 0 50px}.elementor-174137 details.spec{margin-top:18px;border:1px dashed var(--border);border-radius:10px;padding:6px 16px;background:var(--alt)}.elementor-174137 details.spec summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;color:var(--ink);padding:10px 0}.elementor-174137 details.spec pre{white-space:pre-wrap;font-size:12.5px;color:var(--body);background:#fff;border:1px solid var(--border);border-radius:8px;padding:14px;overflow:auto}.elementor-174137 /* Sticky mobile quote bar */ .mbar{display:none}@media(max-width:760px){.elementor-174137 h1{font-size:25px}.elementor-174137 h2{font-size:20px}.elementor-174137 .kpis{grid-template-columns:repeat(2,1fr)}.elementor-174137 .size-grid, .elementor-174137 .uc-grid, .elementor-174137 .svc-grid, .elementor-174137 .why-grid{grid-template-columns:1fr}.elementor-174137 .section{padding:40px 0}.elementor-174137 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:10px 16px;gap:10px;box-shadow:0 -2px 10px rgba(15,30,51,.08)}.elementor-174137 .mbar .btn{flex:1;justify-content:center;padding:12px} }.elementor-174137 .variants{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.elementor-174137 .variants.mono{font-family:var(--mono);font-size:12px}.elementor-174137 .callout{background:var(--info);border:1px solid #cfe0ff;border-radius:12px;padding:18px 20px;max-width:760px}.elementor-174137 .callout strong{font-family:'Space Grotesk';color:var(--ink);display:block;margin-bottom:8px}.elementor-174137 .callout ul{margin:0 0 10px;padding-left:18px;font-size:14px}.elementor-174137 .callout li{margin-bottom:6px}.elementor-174137 .eol-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,30,51,.05)}.elementor-174137 .models-var td{vertical-align:middle}.elementor-174137 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:10px 14px}.elementor-174137 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px}.elementor-174137 .series-head .sname a{color:var(--ink)}.elementor-174137 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174137 .series-head .shead-link{float:right;font-size:13px;font-weight:600}.elementor-174137 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174137 .models-var .mvar a:hover{color:var(--blue)}.elementor-174137 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174137 .models-var td{vertical-align:middle}.elementor-174137 tr.series-head{cursor:pointer}.elementor-174137 tr.series-head td{background:#eef3fb;border-top:2px solid #d7e3f5;padding:11px 14px}.elementor-174137 tr.series-head:hover td{background:#e6eef9}.elementor-174137 .series-head .chev{transition:.18s;color:var(--blue);vertical-align:-2px;margin-right:8px}.elementor-174137 .series-head.is-open .chev{transform:rotate(90deg)}.elementor-174137 .series-head .sname{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--ink)}.elementor-174137 .series-head .sspec{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:10px}.elementor-174137 .series-head .shead-meta{float:right;display:inline-flex;align-items:center;gap:10px}.elementor-174137 .series-head .ct{font-size:12.5px;color:var(--muted)}.elementor-174137 .var-row{display:none}.elementor-174137 .models-var .mvar a{color:var(--ink);font-weight:500}.elementor-174137 .models-var .mvar a:hover{color:var(--blue)}.elementor-174137 .models-var .diff{color:var(--body);font-size:13.5px}.elementor-174137 .btn-sm{padding:8px 14px;font-size:13.5px;min-height:auto}.elementor-174137 .expand-bar{margin:6px 0 4px;display:flex;justify-content:flex-end}.elementor-174137 .var-row.lg-var{display:table-row}.elementor-174137 .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-bottom:28px}.elementor-174137 .hero-text .hero-sub{max-width:48ch}.elementor-174137 .hero-media{text-align:center}.elementor-174137 .hero-media img{max-width:100%;height:auto;border-radius:14px}@media(max-width:820px){.elementor-174137 .hero-grid{grid-template-columns:1fr;gap:20px}}

/* ==========================================================================
   DC360 FortiGate HUB — page enhancements
   File: storefront-child/dc360-assets/dc360-fghub.css  (auto-enqueued on the
   FortiGate hub page /fortinet/fortigate/, id 174137).
   Added 2026-06-22. All rules are scoped to .elementor-174137 so nothing can
   leak site-wide. This page predates the site-wide .dc-* design system; these
   rules extend the existing bespoke hub styles. Prefer .dc-* for new work.
   ========================================================================== */

/* --- Hero subtitle (split out of the H1) --- */
.elementor-174137 .hero-tag{font-family:'Space Grotesk';font-size:18px;font-weight:500;color:var(--muted);margin:2px 0 14px}

/* --- Hero trust badges + Select Partner image (ported from the model pages) --- */
.elementor-174137 .dc360-badges{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:16px}
.elementor-174137 .dc360-badges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--body);font-family:'Space Grotesk'}
.elementor-174137 .dc360-badges i{font-size:15px;color:var(--blue)}
.elementor-174137 .dc360-auth{width:416px;max-width:100%;height:auto;display:block;margin:18px 0 0}
@media(max-width:768px){.elementor-174137 .dc360-badges{justify-content:center}.elementor-174137 .dc360-auth{margin-left:auto;margin-right:auto}}

/* --- Sticky nav: feature "Available models" as a hover/focus dropdown --- */
.elementor-174137 .snav .snav-optwrap{position:relative;display:inline-flex;align-items:center}
.elementor-174137 .snav a.feat{background:var(--blue);color:#fff;border-radius:8px;padding:8px 13px;margin:6px 2px;border-bottom:none!important}
.elementor-174137 .snav a.feat:hover{background:var(--blue-action,#1B5FE0);color:#fff}
.elementor-174137 .snav-sub{display:none;position:absolute;top:calc(100% - 2px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgb(15 30 51/.16);padding:6px;min-width:172px;z-index:60}
.elementor-174137 .snav-optwrap:hover .snav-sub,.elementor-174137 .snav-optwrap:focus-within .snav-sub{display:block}
.elementor-174137 .snav-sub a{display:block;padding:8px 12px;border-radius:8px;border-bottom:none!important;font-size:13.5px;white-space:nowrap}
.elementor-174137 .snav-sub a:hover{background:var(--info);color:var(--blue)}

/* --- Hero KPI cards: restrained. White cards (from base), brand-blue number
       and one calm blue left accent. No multi-color tints. --- */
.elementor-174137 .kpi{border-left:3px solid var(--blue)}
.elementor-174137 .kpi .n{color:var(--blue-action,#1B5FE0)}

/* --- Bottom section cards: subtle accent only (toned down per feedback —
       one calm blue top accent + gentle hover, no multi-color rotation). --- */
.elementor-174137 .size-card,.elementor-174137 .uc{border-top:3px solid var(--blue);transition:transform .15s,box-shadow .15s}
.elementor-174137 .size-card:hover,.elementor-174137 .uc:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgb(15 30 51/.08)}

/* --- Sticky-nav anchor offset so headings aren't hidden under the bar --- */
.elementor-174137 section[id],.elementor-174137 .tcap[id]{scroll-margin-top:72px}

/* --- Mobile (<=640px): stack the model tables into readable rows.
       Desktop layout is untouched (all inside this media query). --- */
@media(max-width:640px){
 .elementor-174137 .tbl-scroll{overflow:visible}
 .elementor-174137 table.models-var{min-width:0;width:100%}
 .elementor-174137 .models-var thead{display:none}
 .elementor-174137 .models-var tr{display:block}
 .elementor-174137 .models-var td{display:block;border:none;padding:0}
 .elementor-174137 .models-var .var-row{padding:11px 13px;border-bottom:1px solid var(--border)}
 .elementor-174137 .models-var .var-row .mvar{font-weight:600;font-size:15px}
 .elementor-174137 .models-var .var-row .val{font-family:var(--mono);color:var(--muted);font-size:12px;margin-top:2px}
 .elementor-174137 .models-var .var-row .diff{font-size:12.5px;color:var(--body);margin-top:3px}
 .elementor-174137 .models-var .var-row .view{margin-top:7px}
 .elementor-174137 .models-var .var-row .view a{display:inline-block;font-weight:600}
 /* legacy EOO/LSED/EOS cells: inline with small labels */
 .elementor-174137 #legacy .models-var .var-row .num.val{display:inline-block;margin:5px 14px 0 0;font-size:12px}
 .elementor-174137 #legacy .models-var .var-row td:nth-child(3)::before{content:'EOO ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174137 #legacy .models-var .var-row td:nth-child(4)::before{content:'LSED ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
 .elementor-174137 #legacy .models-var .var-row td:nth-child(5)::before{content:'EOS ';color:var(--muted);font-family:var(--mono);font-size:10.5px}
}

/* ===== FortiMail hub layout (id 174137) ===== */
.elementor-174137 .fml-acc{display:flex;gap:20px;align-items:flex-start;margin:2px 0 4px}.elementor-174137 .fml-acc__img{flex:none;width:200px;height:120px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.elementor-174137 .fml-acc__body{flex:1;min-width:0}.elementor-174137 .fml-acc__body h4{font-size:15px;margin:0 0 8px}.elementor-174137 .dc-acc__body h4{font-size:15px;margin:16px 0 8px}.elementor-174137 .cmp-meta{font-weight:400;color:var(--muted);font-size:13.5px}.elementor-174137 .dc-jump__menu a.sub{padding-left:28px;font-size:13px;opacity:.9}.elementor-174137 .snav-sub{z-index:60}@media(min-width:993px){.elementor-174137 .snav .wrap{overflow:visible}}@media(max-width:760px){.elementor-174137 .fml-acc{flex-direction:column;align-items:center}.elementor-174137 .fml-acc__img{width:100%;max-width:280px;height:130px}}@media(min-width:601px){.elementor-174137 .dc-table-scroll:has(.dc-table--stack){overflow-x:auto;border:1px solid var(--border);border-radius:12px}}@media(max-width:600px){.elementor-174137 .dc-table--stack{min-width:0}}.elementor-174137 *{min-width:0}.elementor-174137 .dc-table-scroll{max-width:100%}