:is(.v48-shell,.v48-scope) .site-header{z-index:80}
:is(.v48-shell,.v48-scope) .site-header .nav-dropdown.mega-menu{position:absolute;top:calc(100% - 1px);left:4%;right:4%;width:auto;min-width:0;max-width:1320px;margin:0 auto;max-height:calc(100dvh - 115px);padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:28px;background:#fcfdf9;border:1px solid #dce3d3;border-radius:0 0 16px 16px;box-shadow:0 24px 50px #25351d18;overflow:auto;overscroll-behavior:contain}
:is(.v48-shell,.v48-scope) .site-header .mega-main{min-width:0;padding:12px 4px 0 12px}:is(.v48-shell,.v48-scope) .mega-columns{display:grid;gap:20px}:is(.v48-shell,.v48-scope) .mega-three{grid-template-columns:repeat(3,minmax(0,1fr))}:is(.v48-shell,.v48-scope) .mega-two{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.v48-shell,.v48-scope) .mega-column h2{font:10px/1.5 var(--mono,monospace);letter-spacing:1.1px;color:#647253;margin:0 0 15px;font-weight:500}
:is(.v48-shell,.v48-scope) .site-header .mega-column a{display:block;border:0;padding:9px 10px;margin-left:-10px;border-radius:7px;text-decoration:none;color:#2e3928;white-space:normal}
:is(.v48-shell,.v48-scope) .site-header .mega-column a>span{display:block;font-size:14px;font-weight:500;line-height:1.3}:is(.v48-shell,.v48-scope) .site-header .mega-column a small{display:block;margin-top:5px;font-size:11px;font-weight:400;line-height:1.45;color:#5b6753}
:is(.v48-shell,.v48-scope) .site-header .mega-column a:hover,:is(.v48-shell,.v48-scope) .site-header .mega-column a:focus-visible{background:#eef3e5;color:#23351b}
:is(.v48-shell,.v48-scope) .site-header .mega-menu a:focus-visible{outline:2px solid #788d5b;outline-offset:3px}
:is(.v48-shell,.v48-scope) .site-header a.mega-overview{display:block;border:0;border-top:1px solid #dfe5d6;margin-top:22px;padding:17px 0 2px;font-size:12px;color:#34492a;font-weight:500}
:is(.v48-shell,.v48-scope) .site-header a.mega-feature{display:flex;flex-direction:column;align-self:start;min-width:0;padding:12px;border:1px solid #e2e6da;border-radius:12px;background:#fff;color:#2c3826;text-decoration:none}
:is(.v48-shell,.v48-scope) .site-header a.mega-feature:hover{background:#f9fbf5}:is(.v48-shell,.v48-scope) .mega-feature>small{font:9px var(--mono,monospace);letter-spacing:1px;color:#63724f;margin:20px 8px 12px}:is(.v48-shell,.v48-scope) .mega-feature>strong{font-size:23px;line-height:1.15;letter-spacing:-.5px;font-weight:500;margin:0 8px}:is(.v48-shell,.v48-scope) .mega-feature>p{font-size:12px;line-height:1.65;color:#59634f;margin:13px 8px}:is(.v48-shell,.v48-scope) .mega-feature-link{font-size:11px;font-weight:500;margin:10px 8px 8px;color:#3c522d}
:is(.v48-shell,.v48-scope) .mega-art{height:165px;position:relative;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 0% 0%,#dbe8c8,transparent 65%),linear-gradient(135deg,#f2f5e9,#f9eddb);padding:22px 16px;display:flex;flex-direction:column;justify-content:center;gap:17px;color:#506541}
:is(.v48-shell,.v48-scope) .mega-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#798f572b .7px,transparent .8px);background-size:4px 4px;mask-image:linear-gradient(110deg,#000,transparent 60%);pointer-events:none}
:is(.v48-shell,.v48-scope) .mega-flow,:is(.v48-shell,.v48-scope) .mega-orbit{display:flex;gap:7px;align-items:center;justify-content:space-between;position:relative;font-size:9px}:is(.v48-shell,.v48-scope) .mega-flow span,:is(.v48-shell,.v48-scope) .mega-orbit span{padding:8px;background:#ffffffd9;border:1px solid #e1e7d7;border-radius:5px;text-align:center}:is(.v48-shell,.v48-scope) .mega-flow b,:is(.v48-shell,.v48-scope) .mega-orbit b{display:grid;place-items:center;border:1px solid #b8c7a3;background:#f7faef;width:34px;height:34px;border-radius:50%;font-size:11px;flex-shrink:0}:is(.v48-shell,.v48-scope) .mega-verdict{font:9px var(--mono,monospace);text-align:center;position:relative}:is(.v48-shell,.v48-scope) .mega-cells{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}:is(.v48-shell,.v48-scope) .mega-cells span{font-size:10px;padding:12px 5px;text-align:center;border:1px solid #d9e3cd;background:#ffffffc9;border-radius:5px}:is(.v48-shell,.v48-scope) .mega-paper{padding:16px;border:1px solid #d8e0cc;background:#ffffffdf;border-radius:5px;position:relative;transform:rotate(-3deg)}:is(.v48-shell,.v48-scope) .mega-paper i{display:block;background:#b5c2a2;height:4px;margin-bottom:9px;width:85%}:is(.v48-shell,.v48-scope) .mega-paper i:nth-child(2){width:63%}:is(.v48-shell,.v48-scope) .mega-paper code{font-size:8px;color:#4f6240}:is(.v48-shell,.v48-scope) .mega-art-integrations{background:linear-gradient(120deg,#f5f0df,#e7efd8)}
@media(min-width:761px) and (max-width:1050px){:is(.v48-shell,.v48-scope) .site-header .nav-dropdown.mega-menu{grid-template-columns:1fr 220px;gap:16px}:is(.v48-shell,.v48-scope) .mega-columns{gap:12px}:is(.v48-shell,.v48-scope) .site-header .mega-column a>span{font-size:12px}:is(.v48-shell,.v48-scope) .site-header .mega-column a small{font-size:10px}:is(.v48-shell,.v48-scope) .mega-feature>strong{font-size:20px}:is(.v48-shell,.v48-scope) .mega-art{padding:12px;height:140px}}
@media(max-width:760px){:is(.v48-shell,.v48-scope) .site-header .nav-dropdown.mega-menu{position:static;display:block;width:100%;box-sizing:border-box;margin:14px 0 8px;max-height:none;padding:18px 15px;border-radius:10px;box-shadow:none;overflow:visible}:is(.v48-shell,.v48-scope) .site-header .mega-main{padding:0}:is(.v48-shell,.v48-scope) .mega-columns,:is(.v48-shell,.v48-scope) .mega-three,:is(.v48-shell,.v48-scope) .mega-two{grid-template-columns:1fr;gap:22px}:is(.v48-shell,.v48-scope) .site-header .mega-column a{padding:10px;margin:0}:is(.v48-shell,.v48-scope) .mega-column h2{margin-bottom:6px}:is(.v48-shell,.v48-scope) .site-header a.mega-feature{margin-top:20px;display:grid;grid-template-columns:85px 1fr;column-gap:12px}:is(.v48-shell,.v48-scope) .mega-art{height:100%;min-height:120px;grid-row:1/5;padding:8px}:is(.v48-shell,.v48-scope) .mega-feature>small{margin:6px 0}:is(.v48-shell,.v48-scope) .mega-feature>strong{font-size:18px;margin:4px 0}:is(.v48-shell,.v48-scope) .mega-feature>p{margin:4px 0;font-size:11px}:is(.v48-shell,.v48-scope) .mega-feature-link{margin:7px 0}:is(.v48-shell,.v48-scope) .mega-flow,:is(.v48-shell,.v48-scope) .mega-orbit{flex-direction:column;gap:4px}:is(.v48-shell,.v48-scope) .mega-flow span,:is(.v48-shell,.v48-scope) .mega-orbit span{padding:4px;font-size:7px}:is(.v48-shell,.v48-scope) .mega-flow b,:is(.v48-shell,.v48-scope) .mega-orbit b{width:23px;height:23px;font-size:8px}:is(.v48-shell,.v48-scope) .mega-verdict{display:none}:is(.v48-shell,.v48-scope) .mega-cells{grid-template-columns:1fr;gap:4px}:is(.v48-shell,.v48-scope) .mega-cells span{font-size:7px;padding:5px 2px}:is(.v48-shell,.v48-scope) .mega-paper{padding:7px}:is(.v48-shell,.v48-scope) .mega-paper code{font-size:5px}:is(.v48-shell,.v48-scope) .site-header nav.open{max-height:calc(100dvh - 95px);overflow:auto;overscroll-behavior:contain}:is(.v48-shell,.v48-scope) .site-header .nav-group>summary{padding:8px 0}}
/* Frosted panels retain readable contrast while the page remains visible behind them. */
:is(.v48-shell,.v48-scope) .site-header .nav-dropdown.mega-menu{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);border-color:#dfe5d980;box-shadow:0 24px 50px #25351d12,inset 0 1px 0 #ffffffa6}
:is(.v48-shell,.v48-scope) .site-header a.mega-feature{background:rgba(255,255,255,.45);border-color:#ffffff96}:is(.v48-shell,.v48-scope) .site-header a.mega-feature:hover{background:rgba(255,255,255,.65)}
:is(.v48-shell,.v48-scope) .site-header .mega-column a:hover,:is(.v48-shell,.v48-scope) .site-header .mega-column a:focus-visible{background:#edf3e7b3}
:is(.v48-shell,.v48-scope) .mega-platform-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;border-top:1px solid #dfe5d699;padding-top:16px}:is(.v48-shell,.v48-scope) .site-header .mega-platform-paths a{display:block;border:0;padding:8px 0;font-size:13px}:is(.v48-shell,.v48-scope) .mega-platform-paths small{display:block;margin-top:5px;font-size:11px;line-height:1.5;color:#52604b}
@media(max-width:760px){:is(.v48-shell,.v48-scope) .mega-platform-paths{grid-template-columns:1fr;gap:10px}:is(.v48-shell,.v48-scope) .site-header .nav-dropdown.mega-menu{background:rgba(255,255,255,.78)}}
