/* Design-system tokens + base, from the Claude Design project's _ds bundle (magic-leap-design-system). */
@font-face{font-family:"Lomino";src:url("../assets/fonts/Lomino_Rg.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lomino";src:url("../assets/fonts/Lomino_Md.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root{
/* Base swatches (from magicleap.com Webflow variables) */
--ml-blue:#1a49b7;
--ml-blue-hover:#1a49b7;
--ml-blue-bright:#1f59e0;
--ml-black:#111;
--black:#000;
--white:#fff;
--ml-grey:#6c6c6c;
--ml-medium-grey:#ccc;
--ml-light-grey:#eee;
--ml-glass:#f7f7f7b3;
/* Brand spectrum (footer + nav rule gradient stops) */
--ml-violet:#bd1ef2;
--ml-rust:#db3c02;
--ml-orange:#eb6b18;
--gradient-brand:linear-gradient(90deg,var(--ml-blue),var(--ml-violet) 50%,var(--ml-rust) 75%,var(--ml-orange));
--gradient-hero-overlay:linear-gradient(#0000 55%,#000000ab 82%);/* @kind color */
--gradient-hero-overlay-alt:linear-gradient(#0000 36%,#000000ab 82%);/* @kind color */
/* Semantic */
--text-body:var(--black);
--text-strong:var(--ml-black);
--text-muted:var(--ml-grey);
--text-inverse:var(--white);
--text-link-hover:var(--ml-blue-hover);
--text-accent:var(--ml-blue);
--surface-page:var(--white);
--surface-subtle:var(--ml-light-grey);
--surface-card:var(--white);
--surface-hero:var(--black);
--surface-glass:var(--ml-glass);
--border-default:var(--ml-medium-grey);
--border-muted:var(--ml-grey);
--border-accent:var(--ml-blue);
--action-primary:var(--ml-blue);
--action-primary-hover:var(--ml-blue-hover);
--action-disabled:var(--ml-medium-grey);
--selection-bg:#000;--selection-fg:#fff;
}
:root{
--font-family-body:"Lomino",sans-serif;
--font-family-titles:"Lomino",sans-serif;
--font-weight-regular:400;
--font-weight-medium:500;
--line-height-1:1;--line-height-1-1:1.1;--line-height-1-2:1.2;--line-height-1-4:1.4;--line-height-1-5:1.5;
--letter-spacing-2:-0.02em;--letter-spacing-6:-0.06em;--letter-spacing-8:-0.08em;
/* Headings — all Lomino Regular 400 */
--heading-xxl-size:11rem;--heading-xxl-tracking:var(--letter-spacing-8);--heading-xxl-lh:1;/* @kind other */
--heading-xl-size:6rem;--heading-xl-tracking:var(--letter-spacing-2);--heading-xl-lh:1.1;/* @kind other */
--heading-l-size:4rem;--heading-l-tracking:var(--letter-spacing-2);--heading-l-lh:1.1;/* @kind other */
--heading-m-size:3rem;--heading-m-tracking:var(--letter-spacing-2);--heading-m-lh:1.2;/* @kind other */
--heading-s-size:2.25rem;--heading-s-tracking:var(--letter-spacing-2);--heading-s-lh:1.2;/* @kind other */
--heading-xs-size:1.5rem;--heading-xs-tracking:var(--letter-spacing-2);--heading-xs-lh:1.2;/* @kind other */
/* Tablet / mobile heading sizes (≤991px) */
--heading-xxl-size-tab:6rem;--heading-xl-size-tab:3.5rem;--heading-l-size-tab:3rem;--heading-m-size-tab:1.75rem;--heading-s-size-tab:1.5rem;--heading-xs-size-tab:1rem;
/* Body text */
--text-l-size:1.125rem;--text-l-weight:400;
--text-m-size:1rem;--text-m-weight:500;--text-m-size-tab:.9375rem;
--text-s-size:.875rem;--text-s-weight:500;--text-s-size-tab:.8125rem;
--text-lh:1.4;
/* Nav */
--nav-main-size:1.125rem;--nav-dropdown-size:1.125rem;--nav-nested-size:1rem;
}
:root{
--space-0:0px;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px;--space-48:48px;--space-56:56px;--space-60:60px;--space-64:64px;--space-80:80px;--space-96:96px;--space-104:104px;--space-112:112px;--space-120:120px;--space-128:128px;--space-136:136px;--space-144:144px;--space-160:160px;--space-176:176px;--space-192:192px;--space-196:196px;--space-208:208px;--space-224:224px;--space-240:240px;--space-256:256px;--space-284:284px;
/* Layout */
--container-max:90rem;
--container-pad:48px;--container-pad-tab:20px;
--grid-columns:24;/* @kind other */
--grid-gap:24px;--grid-gap-16:16px;--grid-gap-table:48px;
--navbar-height:80px;
--section-pad-y:128px;--section-pad-y-mob:64px;
}
:root{
--radius-desktop:16px;
--radius-tablet:8px;
--radius-card:8px;
--radius-24:24px;
--radius-button:32px;
--radius-pill:120px;
--radius-bullet:4px;
--blur-glass:blur(40px);/* @kind other */
--shadow-none:none;/* @kind other */
--text-shadow-hero:1px 2px 3px #000;/* @kind shadow */
--rule-brand-height:3px;/* @kind other */
--border-width-button:2px;/* @kind other */
--duration-fast:.1s;/* @kind other */
--duration-base:.2s;/* @kind other */
--duration-dropdown:.25s;/* @kind other */
--duration-expand:.4s;/* @kind other */
--ease-base:ease;/* @kind other */
--ease-menu:cubic-bezier(.83,0,.17,1);/* @kind other */
}
html,body{margin:0}
body{font-family:var(--font-family-body);color:var(--text-body);background:var(--surface-page);font-size:var(--text-l-size);font-weight:400;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-underline-position:under;text-decoration-thickness:.07em;text-underline-offset:.1em}
*,*::before,*::after{box-sizing:border-box}
::selection{background:var(--selection-bg);color:var(--selection-fg)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-family-titles);font-weight:400;margin:0}
p{margin:0}
a{color:inherit;text-decoration:underline}
a:hover{color:var(--text-link-hover)}
img{display:block;max-width:100%}
button{font:inherit;cursor:pointer}
.ml-heading-xxl{font-size:var(--heading-xxl-size);letter-spacing:var(--heading-xxl-tracking);line-height:1;font-weight:400}
.ml-heading-xl{font-size:var(--heading-xl-size);letter-spacing:var(--heading-xl-tracking);line-height:1.1;font-weight:400}
.ml-heading-l{font-size:var(--heading-l-size);letter-spacing:var(--heading-l-tracking);line-height:1.1;font-weight:400}
.ml-heading-m{font-size:var(--heading-m-size);letter-spacing:var(--heading-m-tracking);line-height:1.2;font-weight:400}
.ml-heading-s{font-size:var(--heading-s-size);letter-spacing:var(--heading-s-tracking);line-height:1.2;font-weight:400}
.ml-heading-xs{font-size:var(--heading-xs-size);letter-spacing:var(--heading-xs-tracking);line-height:1.2;font-weight:400;color:var(--text-muted)}
.ml-text-l{font-size:var(--text-l-size);line-height:1.4;font-weight:400}
.ml-text-m{font-size:var(--text-m-size);line-height:1.4;font-weight:500}
.ml-text-s{font-size:var(--text-s-size);line-height:1.4;font-weight:500}
.ml-muted{color:var(--text-muted)}
.ml-container{width:100%;max-width:var(--container-max);padding-left:var(--container-pad);padding-right:var(--container-pad);margin:0 auto}
@media (max-width:991px){.ml-heading-xxl{font-size:var(--heading-xxl-size-tab);letter-spacing:var(--letter-spacing-6)}.ml-heading-xl{font-size:var(--heading-xl-size-tab)}.ml-heading-l{font-size:var(--heading-l-size-tab)}.ml-heading-m{font-size:var(--heading-m-size-tab)}.ml-heading-s{font-size:var(--heading-s-size-tab)}.ml-heading-xs{font-size:var(--heading-xs-size-tab)}.ml-container{padding-left:var(--container-pad-tab);padding-right:var(--container-pad-tab)}}