@font-face{font-family:'Creato Display';src:url('../assets/fonts/creato-display/CreatoDisplay-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Creato Display';src:url('../assets/fonts/creato-display/CreatoDisplay-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#fff;--panel:#f7f8fc;--card:#fff;--line:#e5e7eb;--text:#111827;--muted:#667085;--nav:rgba(255,255,255,.9);--accent:#5f6cf4;--nav-text:#111827;--btn-ghost-bg:#f3f4f6;--btn-ghost-text:#111827;--btn-ghost-hover:#e9ebef;color-scheme:light}
html[data-theme="dark"]{--bg:#1b1d26;--panel:#202430;--card:#202430;--line:#373d4e;--text:#e5e7eb;--muted:#a3aaba;--nav:rgba(27,29,38,.88);--accent:#8290ff;--nav-text:#e5e7eb;--btn-ghost-bg:#252a38;--btn-ghost-text:#e5e7eb;--btn-ghost-hover:#303645;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.legal-navbar{position:sticky;z-index:1000;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--nav);backdrop-filter:blur(18px)}
.legal-brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;font:700 20px/1 Inter;text-decoration:none}.legal-brand img{width:32px;height:32px}.legal-nav-center{display:flex;gap:30px}.legal-nav-center a{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.legal-nav-actions{display:flex;justify-self:end;gap:8px}.legal-icon-btn{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);cursor:pointer}.legal-menu-btn{display:none}.legal-drawer{display:none}
.navbar{position:fixed;z-index:30000;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:16px 40px;border-bottom:1px solid transparent;background:var(--nav);color:var(--nav-text);backdrop-filter:blur(12px)}
.nav-left{display:flex;align-items:center;justify-self:start}.nav-left .brand{display:flex;align-items:center;color:inherit;text-decoration:none}.navbar .nav-brand-logo{display:block;width:144px;height:36px}.nav-center{display:flex;align-items:center;justify-self:center;gap:40px}.nav-center>a,.nav-dropdown-toggle{color:var(--nav-text);font:500 14px/1 Inter,sans-serif;text-decoration:none}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer}.nav-dropdown-toggle svg{width:12px;height:12px;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-toggle svg,.nav-dropdown.active .nav-dropdown-toggle svg{transform:rotate(180deg)}
.nav-dropdown-menu{position:fixed;z-index:30001;top:68px;left:50%;width:min(800px,calc(100vw - 32px));max-height:calc(100vh - 100px);padding:14px;overflow-y:auto;transform:translateX(-50%);border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 20px 50px rgba(0,0,0,.12);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.nav-dropdown-menu:before{position:absolute;top:-24px;right:0;left:0;height:24px;content:""}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.active .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.nav-product-menu{display:flex;flex-direction:column}.nav-product-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 4px;border-bottom:1px solid var(--line)}.nav-product-group:last-child{border-bottom:0}.nav-product-group-title{grid-column:1/-1;margin-bottom:8px;padding:0 4px 14px;color:var(--muted);font-size:12px;font-weight:500;text-transform:uppercase}.nav-product-item{display:flex;align-items:center;gap:12px;min-height:50px;padding:8px;border-radius:10px;text-decoration:none}.nav-product-item:hover{background:var(--panel)}.nav-product-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.nav-product-icon img{width:100%;height:100%;object-fit:contain}.nav-product-title{color:var(--text);font-size:14px;font-weight:500;line-height:1.2}.nav-right{display:flex;align-items:center;justify-self:end;gap:12px}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);cursor:pointer}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,html[data-theme="dark"] .theme-toggle .icon-sun{display:block}html[data-theme="dark"] .theme-toggle .icon-moon{display:none}.btn{display:inline-block;padding:10px 20px;border:0;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none}.btn-contact{background:var(--btn-ghost-bg);color:var(--btn-ghost-text)}.btn-primary{background:linear-gradient(135deg,#642dfc,#50c0ff);color:#fff}.nav-toggle,.nav-drawer,.nav-drawer-overlay{display:none}
.legal-document{width:min(900px,calc(100% - 40px));min-height:70vh;margin:0 auto;padding:132px 0 110px}.legal-center-page main{padding-top:132px}.legal-center-page .legal-card{border-color:var(--line);background:var(--card);color:var(--text)}.legal-center-page .legal-card h2{color:var(--text)}.legal-center-page .legal-card p{color:var(--muted)}html[data-theme="dark"] .legal-center-page .legal-card{background:linear-gradient(155deg,#252a38,#202430)}.legal-back{display:inline-flex;margin-bottom:28px;color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.legal-document h1{margin:0 0 18px;font-family:'Creato Display',Inter,sans-serif;font-size:clamp(38px,6vw,62px);line-height:1.05;letter-spacing:-.035em}.doc-meta{margin:0 0 54px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--muted);font-size:13px;line-height:1.75}.legal-document h2{margin:46px 0 16px;padding-top:4px;font-family:'Creato Display',Inter,sans-serif;font-size:25px;line-height:1.3}.legal-document h3{margin:30px 0 12px;font-size:18px;line-height:1.4}.legal-document p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.82}.legal-document strong{color:var(--text);font-weight:700}.legal-document table{width:100%;margin:24px 0 36px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;font-size:13px}.legal-document th,.legal-document td{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.55}.legal-document th{background:var(--panel);color:var(--text)}.legal-document td{color:var(--muted)}.legal-document tr:last-child>*{border-bottom:0}.legal-document tr>*:last-child{border-right:0}
.legal-contact-lines{display:grid;gap:8px}.legal-contact-lines p{margin:0}
.footer{width:100%;padding:64px 40px 28px;border-radius:32px 32px 0 0;background:linear-gradient(180deg,#7eb8ff 0%,#5b6efc 55%,#642dfc 100%);color:#fff}.footer-container{width:100%;margin:auto}.footer-grid{display:grid;grid-template-columns:1.4fr 2.4fr;gap:40px;padding-bottom:32px}.footer-brand{display:flex;flex-direction:column;gap:22px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;text-decoration:none}.footer-logo img{width:34px;height:34px;filter:brightness(0) invert(1)}.footer-brand-tagline{max-width:330px;margin:0;color:#fff;font-size:14px;line-height:1.65}.footer-status{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.78);font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.footer-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}.footer-col h4{margin:0;color:rgba(255,255,255,.55);font-size:12px;text-transform:uppercase}.footer-col ul{display:flex;flex-direction:column;gap:9px;margin:13px 0 0;padding:0;list-style:none}.footer-col a{color:#fff;font-size:14px;text-decoration:none}.footer-col--legal ul{gap:8px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;border-top:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.65);font-size:12px}.footer-disclaimer{max-width:590px;text-align:right}
html[data-theme="dark"] .footer{background:linear-gradient(180deg,rgba(126,184,255,.1),rgba(91,110,252,.1) 55%,rgba(100,45,252,.1))}
@media(max-width:768px){.navbar{grid-template-columns:1fr auto;padding:12px 16px}.nav-center{display:none}.nav-right{gap:8px}.nav-right>.btn{display:none}.nav-toggle{display:flex;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:10px;background:none;cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .3s,opacity .3s}.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-drawer-overlay{position:fixed;z-index:30001;inset:0;display:block;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.nav-drawer-overlay.open{opacity:1;visibility:visible}.nav-drawer{position:fixed;z-index:30002;top:0;right:0;display:block;width:min(340px,85vw);height:100dvh;padding:96px 22px 32px;overflow-y:auto;transform:translateX(100%);background:var(--card);box-shadow:-10px 0 40px rgba(0,0,0,.18);transition:transform .3s}.nav-drawer.open{transform:translateX(0)}.nav-drawer-header{position:absolute;top:18px;left:22px}.nav-drawer-logo{display:flex}.nav-drawer-logo img{display:block;width:120px;height:30px}.nav-drawer-close{position:absolute;top:18px;right:18px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--panel);color:var(--muted);font-size:22px;cursor:pointer}.nav-drawer-section{margin-bottom:22px}.nav-drawer-section-title{margin-bottom:8px;padding:0 4px 14px;color:var(--muted);font-size:12px;font-weight:500;text-transform:uppercase}.nav-drawer-link,.nav-drawer-product{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:15px;font-weight:500;text-decoration:none}.nav-drawer-product{gap:12px}.nav-drawer-product img{width:28px;height:28px}.nav-drawer-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.nav-drawer-actions .btn{display:block;padding:14px;text-align:center}.legal-document{width:calc(100% - 32px);padding:112px 0 82px;scroll-margin-top:72px}.legal-center-page main{padding-top:112px}.legal-document h1{font-size:34px}.legal-document h2{margin-top:38px;font-size:22px}.legal-document p{font-size:14px}.doc-meta{margin-bottom:42px}.legal-document table{display:block;overflow-x:auto}.footer{padding:48px 20px 24px;border-radius:24px 24px 0 0}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-links{grid-template-columns:1fr 1fr;gap:22px}.footer-col--legal{grid-column:1/-1}.footer-col--legal ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}.footer-bottom{flex-direction:column;text-align:center}.footer-disclaimer{text-align:center}}
@media(max-width:390px){.legal-document{width:calc(100% - 28px)}.footer-links{gap:18px 14px}}

/* Keep the gradient mark while allowing the MetaEdge wordmark to follow the theme. */
.navbar .nav-left .brand{position:relative;width:144px;height:36px;background:url('../favicon.svg') left center/32px 36px no-repeat}
.navbar .nav-left .brand .nav-brand-logo{opacity:0}
.navbar .nav-left .brand::after{position:absolute;top:50%;left:42px;content:'MetaEdge';transform:translateY(-50%);color:var(--nav-text);font-size:20px;font-weight:700;line-height:1;white-space:nowrap}
@media(max-width:768px){.nav-drawer-logo{position:relative;width:120px;height:32px;background:url('../favicon.svg') left center/28px 32px no-repeat}.nav-drawer-logo img{opacity:0}.nav-drawer-logo::after{position:absolute;top:50%;left:37px;content:'MetaEdge';transform:translateY(-50%);color:var(--text);font-size:18px;font-weight:700;line-height:1;white-space:nowrap}}
.footer-col a{overflow-wrap:anywhere}
.footer-subscribe{display:flex;min-width:280px;flex-direction:column;gap:.75rem}
.footer-subscribe-form{display:flex;max-width:380px;gap:.5rem}
.footer-subscribe-form input{min-width:0;flex:1;padding:.625rem 1rem;border:1px solid #fff;border-radius:.5rem;outline:0;background:rgba(255,255,255,.15);color:#fff;font:inherit;font-size:.875rem}
.footer-subscribe-form input::placeholder{color:rgba(255,255,255,.5)}
.footer-subscribe-form input:focus{border-color:rgba(255,255,255,.7)}
.footer-subscribe-form button{padding:.625rem 1.25rem;border:0;border-radius:.5rem;background:#fff;color:#5b8def;font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}
.footer-subscribe-form button:hover{background:#e5e7eb;color:#4a7de0}
.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}
.footer-social-link{display:inline-flex;width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;line-height:1;text-decoration:none;transition:background .2s,border-color .2s}
.footer-social-link:hover,.footer-social-link:focus-visible{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.12)}
.footer-social-link svg{display:block;width:18px;height:18px;flex-shrink:0;color:#fff}
@media(max-width:768px){.footer-subscribe{min-width:0}.footer-subscribe-form{width:100%}}
@media(max-width:390px){.footer-subscribe-form{flex-direction:column}.footer-subscribe-form button{width:100%}}
