/* index.css — extracted from aistack-landing-v637.html */

  :root{--hero-gap:clamp(48px,5.4vw,88px);
    --cream:#fffdf7; --cream-2:#f3eee6; --card:#ffffff; --sec:clamp(62px,8vw,112px); --ink:#0f1117; --ink-soft:#3b404b;
    --muted:#888e9c; --line:rgba(15,17,23,0.10); --line-2:rgba(15,17,23,0.16);
    --teal:#5a6cff; --teal-deep:#2940ff; --teal-ink:#0b1024; --teal-text:#1b2ad1; --teal-tint:#e9ebff;
    --black:#0c0e13; --orange:#2940ff;
    --n-700:#4a4f5a; --n-500:#7b818e; --n-300:#adb3bf; --n-150:#d7dae2;
    --teal-soft:#aab4ff; --panel:#080b15; --ink-line:rgba(180,188,255,0.14);
    --txt:#eef0f7; --txt-soft:rgba(238,240,247,0.62); --txt-mute:rgba(238,240,247,0.40);
    --dots:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cdefs%3E%3Crect%20id%3D%22d%22%20width%3D%223%22%20height%3D%223%22%20rx%3D%221.1%22%20fill%3D%22%230f1117%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%228%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%228%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%228%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%228%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%228%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%228%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%228%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%228%22%20opacity%3D%220.09%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%228%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%2228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%2228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%2228%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%2228%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%2228%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%2228%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%2228%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%2228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%2228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%2228%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%2228%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%2228%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%2228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%2228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%2228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%2248%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%2248%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%2248%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%2248%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%2248%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%2248%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%2248%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%2248%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%2248%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%2248%22%20opacity%3D%220.09%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%2248%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%2248%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%2248%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%2248%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%2268%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%2268%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%2268%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%2268%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%2268%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%2268%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%2268%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%2268%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%2268%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%2268%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%2268%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%2268%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%2268%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%2268%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%2288%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%2288%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%2288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%2288%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%2288%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%2288%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%2288%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%2288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%2288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%2288%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%2288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%2288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%2288%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%2288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%2288%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22108%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22108%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%22108%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22108%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22108%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22108%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22108%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22108%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22108%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22108%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22108%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22108%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22108%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22108%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22128%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22128%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22128%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22128%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22128%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22128%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22128%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22128%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22128%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22128%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22128%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22128%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22148%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22148%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22148%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%22148%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22148%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22148%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22148%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22148%22%20opacity%3D%220.09%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22148%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22148%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22148%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22148%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22148%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22148%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22148%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22168%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22168%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22168%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%22168%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22168%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22168%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22168%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22168%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22168%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22168%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22168%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22168%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22168%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22168%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22188%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22188%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22188%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%22188%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22188%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22188%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22188%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22188%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22188%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22188%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22188%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22188%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22188%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22188%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22188%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22208%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22208%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22208%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%22208%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22208%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22208%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22208%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22208%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22208%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22208%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22208%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22208%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22208%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22208%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22208%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22228%22%20opacity%3D%220.1%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22228%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%22228%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22228%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22228%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22228%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22228%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22228%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22228%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22248%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22248%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22248%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%22248%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22248%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22248%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22248%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22248%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22248%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22248%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22248%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22248%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22248%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22248%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22248%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22268%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22268%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22268%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2268%22%20y%3D%22268%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22268%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22268%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22268%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22268%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22268%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22268%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22268%22%20opacity%3D%220.06%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22268%22%20opacity%3D%220.04%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22268%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22268%22%20opacity%3D%220.03%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%228%22%20y%3D%22288%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2228%22%20y%3D%22288%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2248%22%20y%3D%22288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%2288%22%20y%3D%22288%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22108%22%20y%3D%22288%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22128%22%20y%3D%22288%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22148%22%20y%3D%22288%22%20opacity%3D%220.08%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22168%22%20y%3D%22288%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22188%22%20y%3D%22288%22%20opacity%3D%220.07%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22208%22%20y%3D%22288%22%20opacity%3D%220.05%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22228%22%20y%3D%22288%22%20opacity%3D%220.02%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22248%22%20y%3D%22288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22268%22%20y%3D%22288%22%20opacity%3D%220.01%22%2F%3E%3Cuse%20href%3D%22%23d%22%20x%3D%22288%22%20y%3D%22288%22%20opacity%3D%220.06%22%2F%3E%3C%2Fsvg%3E");
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background-color:var(--cream);color:var(--ink);overflow-x:clip;font-family:'Instrument Sans',-apple-system,system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;line-height:1.5}
  /* steep-style grainy colour field — hero only, static, subtle */
  .herofield{position:absolute;top:0;left:0;width:100%;height:880px;z-index:0;pointer-events:none;overflow:hidden}
  .herofield::before{content:none}
  .herofield canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
  .herofield::after{content:none}
  
  @media(prefers-reduced-motion:reduce){.herofield::after{animation:none}}
  .pblob{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
  .pblob.blue{background:radial-gradient(circle, rgba(41,64,255,0.13) 0%, transparent 64%)}
  .pblob.peach{background:radial-gradient(circle, rgba(41,64,255,0.11) 0%, transparent 64%)}
  /* two-worlds colour blend — animated hero background; teal + purple resolve to #2940FF */
  .herofield .hf{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none;z-index:0;will-change:transform}
  .hf-teal{left:-22%;top:12%;width:74%;height:92%;background:radial-gradient(circle at 58% 50%, rgba(120,124,246,0.30) 0%, rgba(120,124,246,0.16) 38%, rgba(120,124,246,0) 70%)}
  .hf-purple{right:-22%;top:12%;width:74%;height:92%;background:radial-gradient(circle at 42% 52%, rgba(144,121,244,0.30) 0%, rgba(144,121,244,0.16) 36%, rgba(144,121,244,0) 70%)}
  .hf-merge{display:none;position:absolute;left:50%;top:14%;width:46%;height:74%;transform:translateX(-50%);border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;opacity:.5;background:radial-gradient(ellipse 50% 50% at 50% 50%, rgba(41,64,255,0.34) 0%, rgba(64,96,255,0.18) 42%, rgba(41,64,255,0) 72%);animation:hfMg 16s ease-in-out infinite alternate}
  .hf-fade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom, transparent 46%, var(--cream) 74%, var(--cream) 86%, transparent 100%)}
  
  
  @keyframes hfMg{0%{opacity:.18;transform:translateX(-50%) scale(.86)}100%{opacity:.85;transform:translateX(-50%) scale(1.06)}}
  @media(prefers-reduced-motion:reduce){.hf-teal,.hf-purple,.hf-merge{animation:none}}
  @media(max-width:760px){.pblob{display:none}}
  .blurw{display:inline-block}
  html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(0.22,1,0.36,1)}
  html.js .reveal.in{opacity:1;transform:none}
  html.js .reveal .blurw{filter:blur(7px);transition:filter 1.3s cubic-bezier(0.22,1,0.36,1) .15s}
  html.js .reveal.in .blurw{filter:blur(0)}
  @media(prefers-reduced-motion:reduce){html.js .reveal,html.js .reveal .blurw{transition:none}}
  .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}
  .mono{font-family:'Instrument Sans',sans-serif;font-weight:500}
  h1,h2,h3{font-family:'Funnel Display',sans-serif;letter-spacing:-0.03em;line-height:1.02}
  .dot{color:var(--teal)}
  section{padding:clamp(56px,8vw,104px) 0}
  .kick{font-family:'Instrument Sans',sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;
    color:var(--teal-deep);font-weight:600;display:flex;align-items:center;gap:11px;margin-bottom:20px}
  .kick::before{content:'';width:28px;height:2px;background:var(--teal)}

  /* header */
  header{position:sticky;top:0;z-index:50;background:rgba(255,253,247,0.82);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:66px}
  .nav .lock{transform:translateY(-2px)}
  .lock{font-family:'Funnel Display',sans-serif;font-weight:700;font-size:19px;letter-spacing:-0.02em}
  .lock .by{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-left:9px}
  .nlinks{display:flex;align-items:center;gap:26px}
  .nlinks a:not(.btn){font-size:14px;color:var(--ink-soft);text-decoration:none;transition:color .18s}
  .nlinks a:not(.btn):hover{color:var(--teal-deep)}
  .btn{font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;border-radius:999px;
    padding:11px 21px;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;transition:.18s;text-decoration:none;white-space:nowrap}
  .b-teal{background:var(--teal);color:var(--teal-ink)} .b-teal:hover{background:var(--teal-deep);color:#fff}
  .b-ink{background:var(--teal-ink);color:#fff;border-radius:14px} .b-ink:hover{transform:translateY(-1px)}
  .b-mint{background:#CDF4E2;color:var(--teal-ink);border-radius:14px} .b-mint:hover{filter:brightness(.96);transform:translateY(-1px)}
  .b-light{background:var(--cream);color:var(--ink)} .b-light:hover{background:#fff;transform:translateY(-1px)}
  .b-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)} .b-ghost:hover{border-color:var(--ink)}
  /* gated submit: greyed + non-interactive until the consent box is ticked */
  .btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed}
  .btn:disabled:hover,.btn[disabled]:hover{background:var(--cream);transform:none;filter:none}
  @media(max-width:820px){.nlinks .nl-group{display:none}}

  /* hero */
  .hero{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;
    padding:clamp(48px,6.5vw,92px) 0 clamp(42px,5.2vw,72px);margin-top:-20px}
  .hero>div:not(.diagram){display:flex;flex-direction:column;align-items:center;max-width:920px;position:relative;z-index:2}
  /* floating product fragments — workloads (left) / hardware (right) */
  .frags{position:absolute;inset:0;z-index:0;pointer-events:none}
  .frag{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;text-align:left;box-shadow:0 2px 4px rgba(15,17,23,0.03),0 26px 60px -28px rgba(15,17,23,0.24)}
  .frag .fh{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink);display:inline-flex;align-items:center;background:var(--teal-tint);padding:4px 9px;border-radius:7px;margin-bottom:13px}
  .frag .fh .pulse{width:6px;height:6px;border-radius:50%;background:var(--teal);flex:0 0 auto}
  .frag.f1{top:clamp(16px,2.6vw,36px);left:50%;width:340px;transform:translateX(-750px);opacity:0;animation:fragInL .85s cubic-bezier(.2,.7,.2,1) .55s forwards}
  .frag.f2{top:clamp(16px,2.6vw,36px);left:50%;width:340px;transform:translateX(410px);opacity:0;animation:fragInR .85s cubic-bezier(.2,.7,.2,1) .68s forwards}
  @keyframes fragInL{from{opacity:0;transform:translateX(-798px)}to{opacity:1;transform:translateX(-750px)}}
  @keyframes fragInR{from{opacity:0;transform:translateX(458px)}to{opacity:1;transform:translateX(410px)}}
  @media(prefers-reduced-motion:reduce){.frag{animation:none!important;opacity:1!important}.frag .mk{transition:none!important;opacity:1!important;transform:none!important}}
  .frag .fh{margin-bottom:6px}
  .frag .fn{font-size:14px;font-weight:500;color:var(--ink);margin:0 0 12px}
  .frag svg{display:block;overflow:visible;width:100%}
  .frag .axis{stroke:var(--line-2);stroke-width:1}
  .frag .tick{stroke:var(--line)}
  .frag .lead{stroke:var(--line-2);stroke-dasharray:2 3}
  .frag .dot{fill:var(--card);stroke:var(--muted);stroke-width:1.5}
  .frag .axt{fill:var(--n-300);font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10px}
  .frag .lbl{fill:var(--ink);font-size:12px;font-weight:500}
  .frag .val{fill:var(--ink);font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:600}
  .frag .mk.hl .lead{stroke:var(--teal);stroke-dasharray:none;stroke-width:1.5}
  .frag .mk.hl .dot{fill:var(--teal);stroke:var(--teal)}
  .frag .mk.hl .lbl,.frag .mk.hl .val{fill:var(--teal)}
  .frag .mk{transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .5s}
  .frag.noanim .mk{transition:none}
  html.js .frag.pre .mk{opacity:0;transform:translateY(var(--d))}
  .frag .scan{stroke:var(--teal);stroke-width:1;opacity:0}
  .frag.go .scan{animation:fscan 4.8s ease 2.2s infinite backwards}
  @keyframes fscan{0%{opacity:0;transform:translateY(0)}3%{opacity:.55;transform:translateY(8px)}28%{opacity:.5;transform:translateY(150px)}32%{opacity:0;transform:translateY(170px)}100%{opacity:0;transform:translateY(170px)}}
  .frag .fsrc{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-300)}
  @media(max-width:1519px){.frags{display:none}}
  @media(max-width:860px){.hero{padding-top:clamp(56px,12vw,84px)}}
  @media(min-width:1536px){.hero{padding-top:clamp(96px,8vw,128px)}}
  .hero .eyebrow{font-family:'Instrument Sans',sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;
    color:var(--teal-deep);font-weight:600;display:flex;align-items:center;gap:11px;margin-top:22px;
    opacity:0;animation:rise .7s ease .3s forwards}
  .hero .eyebrow::before{content:'';width:28px;height:2px;background:var(--teal)}
  .hero h1{font-size:clamp(3rem,6.4vw,5.4rem);line-height:1.05;white-space:nowrap;opacity:0;animation:rise .8s ease .2s forwards}
  .hero h1 .u{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:0.06em;text-underline-offset:0.1em}.ux{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:0.06em;text-underline-offset:0.1em}.dbr{display:none}
  .mbr{display:inline}@media(min-width:900px){.dbr{display:inline}.mbr{display:none}}
  .cur{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:0}
  @media(max-width:600px){.hero h1{font-size:clamp(2.05rem,8.8vw,3.1rem);white-space:normal}}
  .hero .sub{font-family:'Instrument Sans',sans-serif;font-size:clamp(1.05rem,1.4vw,1.24rem);font-weight:500;color:var(--ink-soft);line-height:1.5;max-width:52ch;margin:clamp(22px,3vw,32px) auto 0;text-wrap:wrap;
    opacity:0;animation:rise .8s ease .34s forwards}
  .hero .sub b{color:var(--ink);font-weight:500}
  .hero .subtag{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:12px auto 0;opacity:0;animation:rise .8s ease .4s forwards}
  .hero .cta{display:flex;justify-content:center;gap:14px;margin-top:38px;flex-wrap:wrap;opacity:0;animation:rise .8s ease .46s forwards}
  .hero .pill{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12.5px;background:var(--teal-tint);color:var(--teal-deep);
    padding:7px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;margin-top:24px;
    opacity:0;animation:rise .8s ease .56s forwards}
  .pulse{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2.2s ease-out infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(41,64,255,.5)}70%{box-shadow:0 0 0 9px rgba(41,64,255,0)}100%{box-shadow:0 0 0 0 rgba(41,64,255,0)}}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

  /* hero portal card */
  .portal{width:100%;max-width:460px;margin-top:clamp(40px,5vw,60px);text-align:left;border-radius:20px;overflow:hidden;background:var(--card);
    opacity:0;animation:rise .9s ease .66s forwards;box-shadow:0 0 0 1px var(--line),0 24px 60px rgba(15,17,23,0.07)}
  .portal .img{height:230px;position:relative;background:linear-gradient(135deg,#5a6cff,#6f86ff 52%,#5a6cff)}
  .portal .img .k{position:absolute;border-radius:50%}
  .portal .lbl{position:absolute;top:14px;left:14px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11px;
    letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(11,16,36,0.4);padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px)}
  .portal .body{padding:20px 22px 22px}
  .portal .tag{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .portal h3{font-size:1.3rem;margin-top:8px}
  .portal .read{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12.5px;color:var(--teal-deep);margin-top:14px;display:flex;align-items:center;gap:6px}.ic-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.ic-foot .read{margin-top:0}.ic .date{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;letter-spacing:.05em;color:var(--muted)}.rgly{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:1.15em;line-height:1;display:inline-flex;justify-content:center;align-items:center;width:1ch;flex:none;text-align:center}

  /* gap / belief — dark teal section */
  .belief{position:relative;z-index:3;margin-top:calc(-1 * clamp(110px,11vw,170px));background:var(--teal-ink);color:#eef0f7;border-radius:40px;width:1500px;max-width:calc(100vw - clamp(56px, 8vw, 120px));margin-left:auto;margin-right:auto;padding:clamp(48px,6vw,80px) clamp(28px,4vw,56px) clamp(72px,8.4vw,116px);overflow:hidden;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 46'%3E%3Cpath fill='%23000' d='M16,0 L374,0 Q390,0 374,3.5 L206,41.5 Q195,44 184,41.5 L16,3.5 Q0,0 16,0 Z'/%3E%3C/svg%3E") no-repeat top -4px center / 390px 46px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 46'%3E%3Cpath fill='%23000' d='M16,46 L374,46 Q390,46 374,42.5 L206,4.5 Q195,2 184,4.5 L16,42.5 Q0,46 16,46 Z'/%3E%3C/svg%3E") no-repeat bottom -4px center / 390px 46px, linear-gradient(#000,#000);-webkit-mask-composite:xor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 46'%3E%3Cpath fill='%23000' d='M16,0 L374,0 Q390,0 374,3.5 L206,41.5 Q195,44 184,41.5 L16,3.5 Q0,0 16,0 Z'/%3E%3C/svg%3E") no-repeat top -4px center / 390px 46px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 46'%3E%3Cpath fill='%23000' d='M16,46 L374,46 Q390,46 374,42.5 L206,4.5 Q195,2 184,4.5 L16,42.5 Q0,46 16,46 Z'/%3E%3C/svg%3E") no-repeat bottom -4px center / 390px 46px, linear-gradient(#000,#000);mask-composite:exclude}
  .belief .binner{max-width:1100px;margin:0 auto}
  .belief .kick{justify-content:center}
  .belief h2,.belief .lede{margin-left:auto;margin-right:auto;text-align:center}
  .belief .kick{color:var(--teal)} .belief .kick::before{background:var(--teal)}
  .belief h2{font-size:clamp(2rem,7vw,6.3rem);max-width:none;margin-top:clamp(14px,1.9vw,26px);color:#CDF4E2;background:none;border:0;border-radius:0;padding:0;width:auto;margin-left:auto;margin-right:auto;position:relative;box-shadow:none;line-height:1.06;letter-spacing:-0.02em}
  .uline{text-decoration:underline;text-decoration-color:var(--teal-deep);text-decoration-thickness:2px;text-underline-offset:3px}
  .belief h2 .hl{color:var(--teal-deep)}
  @media(max-width:600px){.belief h2{padding:0}}
  .belief .lede{color:rgba(238,240,247,0.72);font-size:1.05rem;max-width:58ch;margin-top:26px;line-height:1.6}
  .gaplog{margin-top:0;padding:6px 0;text-align:center}
  .rd{display:inline-flex;position:relative;align-items:flex-start;justify-content:center;gap:clamp(18px,3vw,46px);flex-wrap:nowrap;padding:0 clamp(28px,5.5vw,92px) clamp(14px,1.6vw,22px);border-bottom:1px solid rgba(238,240,247,0.22)}
  .rd-col.rd-unit{position:absolute;left:100%;top:0;bottom:0;margin-left:clamp(6px,1vw,14px)}
  .rd-unit .rd-vbox{flex:1;min-height:0;padding:0}
  .rd-col{display:flex;flex-direction:column;align-items:center;gap:9px}
  .rd-div{width:1px;align-self:stretch;background:rgba(238,240,247,0.22);margin-bottom:calc(-1 * clamp(14px,1.6vw,22px))}
  .rd-kick{font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:clamp(17px,2vw,21px);letter-spacing:.12em;text-transform:uppercase;color:#eef0f7;line-height:1.25;text-align:left}
  .rd-kick span{display:block}
  .rd-lbl{font-family:'Instrument Sans',sans-serif;font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#eef0f7;line-height:1.2;white-space:nowrap}
  .rd-vbox{display:flex;align-items:center;justify-content:center}
  .rd .retic{position:relative;padding:12px 20px}
  .rd .retic i{display:none!important}
  .rd .retic i{position:absolute;width:19px;height:19px}
  .rd .retic .tl{top:0;left:0;border-top:2px solid rgba(205,244,226,0.55);border-left:2px solid rgba(205,244,226,0.55)}
  .rd .retic .tr{top:0;right:0;border-top:2px solid rgba(205,244,226,0.55);border-right:2px solid rgba(205,244,226,0.55)}
  .rd .retic .bl{bottom:0;left:0;border-bottom:2px solid rgba(205,244,226,0.55);border-left:2px solid rgba(205,244,226,0.55)}
  .rd .retic .br{bottom:0;right:0;border-bottom:2px solid rgba(205,244,226,0.55);border-right:2px solid rgba(205,244,226,0.55)}
  .rd-num{font-family:'Stack Sans Notch',sans-serif;font-size:clamp(42px,11vw,168px);font-weight:700;min-width:calc(3ch + .06em);text-align:center;line-height:1;letter-spacing:.02em;display:inline-block;white-space:pre}
  .rd-num.mint{color:#2940ff}.rd-num.soft{color:#eef0f7}
  @keyframes rdpop{0%{transform:scale(1.18);opacity:.35}100%{transform:scale(1);opacity:1}}
  .rd-num.sil.pop{animation:rdpop .45s ease-out}
  @media(max-width:1080px){.gaplog{margin-top:0;padding-bottom:52px}.rd-col.rd-unit{left:50%;top:100%;bottom:auto;transform:translateX(-50%);margin-left:0;margin-top:22px}.rd-unit .rd-lbl{display:none}.rd-kick{text-align:center;white-space:nowrap}.rd-kick span{display:inline}.rd-kick span:first-child{margin-right:.35em}}@media(max-width:640px){.rd{gap:16px}}
  .gaprow{display:flex;align-items:center;gap:14px;margin:10px 0}.tl-rail{flex:1;position:relative;height:2px;border-radius:2px;background:rgba(238,240,247,0.14);overflow:visible;margin:0 clamp(14px,2vw,30px)}.tl-move{position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-move.fast{left:58%;animation:tlGlide 1.9s linear infinite}.tl-move.slow{left:14%;animation:tlGlide 13s linear infinite}.tl-dot{position:relative;display:block;width:9px;height:9px;border-radius:50%;background:#CDF4E2}.tl-dot::before{content:"";position:absolute;right:50%;top:50%;transform:translateY(-50%);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#CDF4E2)}.tl-move.fast .tl-dot::before{width:38px;opacity:.75}.tl-move.slow .tl-dot::before{width:14px;opacity:.5}@keyframes tlGlide{from{left:0}to{left:100%}}@media(prefers-reduced-motion:reduce){.tl-move{animation:none}}
  .gaprow .gl{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:14px;letter-spacing:.06em;color:rgba(238,240,247,0.6);width:150px;flex-shrink:0}
  .gaprow .ticks{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,3.5vw,48px)}
  .tk{width:6px;height:18px;border-radius:2px;background:#CDF4E2}
  .tk.dim{background:rgba(238,240,247,0.18)}
  .gaprow .gr{font-family:'Instrument Sans',sans-serif;font-size:14px;color:rgba(238,240,247,0.6);font-weight:500;flex-shrink:0;width:150px;text-align:right}
  .position{margin-top:34px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
  .position .p{font-family:'Funnel Display',sans-serif;font-weight:600;font-size:1.5rem;letter-spacing:-0.02em;max-width:30ch}
  .position .p .hl{color:var(--teal)}
  .why{margin-top:20px;font-family:'Instrument Serif',serif;font-style:italic;font-size:1.3rem;color:rgba(238,240,247,0.86);max-width:52ch}

  .logos{margin-top:40px}
  .logos .ll{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(238,240,247,0.45);margin-bottom:14px}
  .chips{display:flex;gap:9px;flex-wrap:wrap}
  .chips span{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:13px;color:rgba(238,240,247,0.7);border:1px solid rgba(238,240,247,0.16);border-radius:7px;padding:6px 11px}
  @media(min-width:760px){.belief h2 .hl{white-space:nowrap}}
  @media(max-width:760px){.belief{max-width:calc(100vw - 56px);-webkit-mask-size:250px 30px,250px 30px,auto;mask-size:250px 30px,250px 30px,auto}}
  .poscard{background:#fff;color:var(--ink);border-radius:20px;padding:clamp(28px,3.5vw,46px);margin-top:36px;text-align:center}
  .poscard .poskick{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:16px}
  .poscard .p{display:block;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-0.01em;line-height:1.25;max-width:34ch;margin-left:auto;margin-right:auto}
  .poscard .q{font-family:'Instrument Serif',serif;font-style:italic}
  .poscard .p .hl{color:var(--teal-deep)}
  .poscard .u{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:0.07em;text-underline-offset:0.1em}
  .poscard .pwhy{margin-top:18px;color:rgba(15,17,23,0.66);font-size:1.02rem;line-height:1.6;max-width:64ch;margin-left:auto;margin-right:auto}
  .poscard .pwhy b{color:var(--ink);font-weight:600}
  .gaprow:first-child .tk{opacity:.3;animation:tkPulse 3.2s linear infinite}
  .gaprow:first-child .tk:nth-child(1){animation-delay:0.0s}
  .gaprow:first-child .tk:nth-child(2){animation-delay:0.32s}
  .gaprow:first-child .tk:nth-child(3){animation-delay:0.64s}
  .gaprow:first-child .tk:nth-child(4){animation-delay:0.96s}
  .gaprow:first-child .tk:nth-child(5){animation-delay:1.28s}
  .gaprow:first-child .tk:nth-child(6){animation-delay:1.6s}
  .gaprow:first-child .tk:nth-child(7){animation-delay:1.92s}
  .gaprow:first-child .tk:nth-child(8){animation-delay:4.0s}
  .gaprow:first-child .tk:nth-child(9){animation-delay:4.32s}
  .gaprow:first-child .tk:nth-child(10){animation-delay:4.64s}
  .gaprow:first-child .tk:nth-child(11){animation-delay:3.2s}
  .gaprow:first-child .tk:nth-child(12){animation-delay:3.52s}
  .gaprow:first-child .tk:nth-child(13){animation-delay:3.84s}
  .gaprow:first-child .tk:nth-child(14){animation-delay:1.46s}
  @keyframes tkPulse{0%{opacity:1}9%{opacity:.3}100%{opacity:.3}}
  .gaprow:last-child .tk{opacity:.16}
  .gaprow:last-child .tk:first-child{animation:tkFill 3.2s linear infinite}
  .gaprow:last-child .tk:last-child{animation:tkFill 3.2s linear infinite 2.88s}
  @keyframes tkFill{0%{opacity:1}14%{opacity:1}26%{opacity:.16}100%{opacity:.16}}
  @media(prefers-reduced-motion:reduce){.gaprow:first-child .tk{animation:none;opacity:1}.gaprow:last-child .tk{animation:none}.gaprow:last-child .tk:first-child,.gaprow:last-child .tk:last-child{opacity:1}}
  .convene{position:relative;padding:0}
  .lowerzone{position:relative}
  .lowerzone::before{content:'';position:absolute;left:0;right:0;top:-370px;bottom:0;z-index:-1;pointer-events:none;background-color:transparent}
  .lowerzone::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;pointer-events:none;background-image:none}
  .ctitle{font-family:'Funnel Display',sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4.1rem);letter-spacing:-0.02em;line-height:1.05;color:var(--ink);text-align:center;max-width:24ch;margin:0 auto clamp(30px,4vw,46px)}
  .convene .ctsub{margin:clamp(16px,2vw,24px) auto 0;max-width:48ch;text-align:center;color:var(--ink-soft);font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:clamp(1.05rem,1.4vw,1.24rem);line-height:1.5;text-wrap:wrap}
  .ctitle .u{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:0.06em;text-underline-offset:0.1em}
  @media(max-width:600px){.ctitle{font-size:clamp(1.7rem,7.5vw,2.55rem)}}
  .marquee{display:flex;flex-direction:column;gap:14px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
  .mrow{overflow:hidden;padding-block:4px}
  .mtrack{display:flex;width:max-content;animation:marqL 126s linear infinite}
  .mtrack.rev{animation:marqR 192s linear infinite}
  @keyframes marqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @keyframes marqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
  .mchip{flex:0 0 auto;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:14px;color:#2940FF;background:var(--teal-tint);border:1px solid rgba(41,64,255,0.30);border-radius:8px;padding:9px 16px;white-space:nowrap;margin-right:10px}
  @media(prefers-reduced-motion:reduce){.mtrack,.mtrack.rev{animation:none}}
  .convene .convsub{margin:clamp(34px,4vw,52px) auto 0;max-width:62ch;text-align:center;color:rgba(15,17,23,0.66);font-size:1.05rem;line-height:1.6;padding:0 24px}
  .convene .convsub b{color:var(--ink);font-weight:600}

  /* how it works */
  .how{padding-top:clamp(32px,2.3vw,34px);padding-bottom:clamp(60px,6.4vw,96px)}
  .doors::before{content:'';position:absolute;top:calc(-1 * var(--bannertop, 0px));bottom:var(--bannerbot, calc(var(--dpb) + var(--cardh) * 0.4));left:50%;transform:translateX(-50%);width:100vw;background:linear-gradient(rgba(252,249,243,0.28),rgba(252,249,243,0.28)),url('../img/whymatters.jpg') center/cover no-repeat #f3eee6;z-index:-1;pointer-events:none;--bfade:clamp(140px,18vw,260px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.10) calc(var(--bfade)*.28),rgba(0,0,0,.42) calc(var(--bfade)*.58),rgba(0,0,0,.82) calc(var(--bfade)*.82),#000 var(--bfade));mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.10) calc(var(--bfade)*.28),rgba(0,0,0,.42) calc(var(--bfade)*.58),rgba(0,0,0,.82) calc(var(--bfade)*.82),#000 var(--bfade));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
  .b3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.5vw,20px)}
  @media(max-width:900px){.b3{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}
  .bcard{border-radius:18px;padding:clamp(14px,1.4vw,18px);display:flex;flex-direction:column;background:#2940FF;box-shadow:0 20px 46px -28px rgba(41,64,255,0.5)}
  .bcard.t-orange{}
  .bcard.t-coral{}
  .bcard.t-teal{}
  .bc-head{display:flex;align-items:center;gap:8px;margin:3px 4px 11px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11px;letter-spacing:.11em;text-transform:uppercase}
  .bc-head .nm{color:#fff;font-weight:500}
  .bc-head .sp{margin-left:auto;color:rgba(255,255,255,.5)}
  .bc-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.85);animation:ibblink 1.5s ease-in-out infinite}
  .bc-inset{background:radial-gradient(120% 140% at 30% 0%,#0c1122,#06080f);border:1px solid rgba(180,188,255,0.16);border-radius:12px;padding:16px 14px 13px;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:200px}
  .bc-foot{margin-top:14px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
  .bc-inset .gp-row{grid-template-columns:62px 1fr 42px;gap:10px;padding:9px 0}
  .bc-inset .gp-name{font-size:12px}
  .bc-inset .gp-val{font-size:12px;gap:0}
  .bc-inset .gp-bar{height:20px}
  .vbar2{opacity:1}
  .vbax{fill:var(--muted);font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11px}
  .how h2{font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.05;letter-spacing:-0.02em}
  .how .hh-sub{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:clamp(1.05rem,1.4vw,1.24rem);color:var(--ink-soft);line-height:1.5;letter-spacing:0;max-width:42ch}
  .subt{font-family:'Funnel Display',sans-serif;font-weight:700;font-size:clamp(1.8rem,3.4vw,2.7rem);color:var(--teal);line-height:1.1;letter-spacing:-0.01em;margin-top:10px}
  .sectdiv{position:relative;height:1px;background:var(--line-2);margin:clamp(14px,2vw,24px) 0;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);
    mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
  .ins{position:relative;z-index:0;padding-top:clamp(2px,0.6vw,10px);padding-bottom:clamp(28px,3.5vw,52px)}
.ins-zone::before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:calc(-1 * var(--bandtop, clamp(250px,25vw,380px)));bottom:calc(-1 * var(--bandbot, 0px));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 2000'%3E%3Crect fill='%233D52FF' x='-107.58' y='603.61' width='2215.17' height='792.78' rx='201.51' ry='201.51' transform='translate(1000 -414.21) rotate(45)'/%3E%3Crect fill='%233D52FF' x='-107.58' y='603.61' width='2215.17' height='792.78' rx='201.51' ry='201.51' transform='translate(2414.2136 1000) rotate(135)'/%3E%3C/svg%3E") no-repeat 50% 50% / 130vw 130vw, #2940FF;clip-path:polygon(0 0, calc(50% - clamp(64px,13vw,190px)) 0, 50% clamp(16px,3.2vw,46px), calc(50% + clamp(64px,13vw,190px)) 0, 100% 0, 100% 100%, 0 100%)}
@media(max-width:820px){.ins-zone::before{background-size:260vw 260vw,auto}}
  .ins::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:transparent;z-index:-1;pointer-events:none}
  .doors{position:relative;z-index:0;--dpb:clamp(58px,7vw,96px);--cardh:clamp(272px,24.57vw,310px);padding-top:clamp(48px,6vw,84px);padding-bottom:var(--dpb)}
  .sectdiv::before{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:2px;background:var(--teal);transform:translate(-50%,-50%)}
  .how h2 .soft{color:var(--muted)}
  .how h2 .u{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:0.06em;text-underline-offset:0.1em}
  .how .lede{color:var(--ink-soft);max-width:60ch;margin-top:16px;font-size:1.02rem}
  .howband::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:transparent;z-index:-1;pointer-events:none}
  .methods{display:flex;gap:16px;margin-top:clamp(44px,6vw,72px);align-items:stretch}
  .methodzone{padding-top:clamp(36px,4vw,48px);padding-bottom:clamp(84px,10.5vw,144px)}
  @media(max-width:760px){.methods{flex-direction:column}}
  .method{flex:1 1 0;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:clamp(300px,32vw,360px);background:#0b1024;background-size:cover;background-position:center;border:0;border-radius:18px;padding:26px;box-shadow:0 1px 2px rgba(15,17,23,0.04),0 6px 18px rgba(15,17,23,0.05);transition:flex-grow .55s cubic-bezier(0.22,1,0.36,1),border-color .4s ease,box-shadow .4s ease}
  .method::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(11,16,36,0.30),rgba(11,16,36,0.58));transition:opacity .4s ease}
  .method::after{content:"";position:absolute;inset:0;z-index:0;background:#2940FF;opacity:0;transition:opacity .45s ease}
  .method:hover::after{opacity:.9}
  .m-inner{position:relative;z-index:1;width:100%;max-width:36ch;margin-inline:auto}
  .method.m1{background-image:url('../img/matters-ai.jpg');border-color:transparent}
  .method.m2{background-image:url('../img/matters-infra.jpg');border-color:transparent}
  .method.m3{background-image:url('../img/matters-hardware.jpg');border-color:transparent}.method.m4{background-image:url('../img/workload.jpg');border-color:transparent}
  .method:hover{flex-grow:2.4;box-shadow:0 6px 14px rgba(15,17,23,0.06),0 20px 44px rgba(15,17,23,0.08),inset 0 0 0 2px #2940FF}
  .m-title{font-family:'Funnel Display',sans-serif;font-weight:600;font-size:1.35rem;color:#fff;margin:0;text-shadow:0 1px 12px rgba(0,0,0,0.5)}.m-num{display:inline-block;width:1.45em;text-align:center;font-variant-numeric:tabular-nums}
  .m-title .dot{color:var(--teal)}
  
  
  
  
  .m-desc{margin:0;font-size:1.2rem;line-height:1.5;color:#fff;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s ease,max-height .5s cubic-bezier(0.22,1,0.36,1),margin-top .5s ease;text-shadow:0 1px 8px rgba(0,0,0,0.45);pointer-events:none}
  .method:hover .m-desc{opacity:1;max-height:220px;margin-top:14px}
  @media(prefers-reduced-motion:reduce){.method,.m-desc{transition:none}}
  @media(max-width:760px){.method{min-height:clamp(260px,72vw,340px);flex-grow:1}.method::after{opacity:.78}.m-desc{opacity:1;max-height:240px;margin-top:14px}}
  .howhead{display:grid;grid-template-columns:1.05fr 0.95fr;column-gap:clamp(28px,5vw,72px);row-gap:8px;align-items:start}
  .howhead .hh-title{grid-column:1;grid-row:1}
  .howhead .hh-sub{grid-column:1;grid-row:2}
  @media(max-width:860px){.howhead{grid-template-columns:1fr;gap:20px}.howhead .hh-title,.howhead .hh-sub,.howhead .lede{grid-column:auto;grid-row:auto}.howhead .lede{align-self:auto;padding-left:0;border-left:0}}
  .howhead-l .kick,.howhead-r .kick{margin-bottom:16px}
  .howhead .lede{grid-column:2;grid-row:1 / span 2;align-self:center;max-width:48ch;padding-left:clamp(32px,5vw,60px);border-left:1px solid var(--line-2)}
  .bwrap{margin-top:clamp(40px,6vw,64px);background:linear-gradient(135deg,#5a6cff,#6f86ff 52%,#5a6cff);border-radius:20px;padding:18px}
  .btabs{display:flex;flex-wrap:wrap;gap:0 32px;border-bottom:1px solid var(--line);margin-bottom:26px}
  .btab{background:none;border:0;cursor:pointer;padding:8px 2px 14px;text-align:left;border-bottom:2px solid transparent;margin-bottom:-1px;opacity:.5;transition:opacity .2s}
  .btab:hover{opacity:.8}
  .btab.active{opacity:1;border-bottom-color:var(--ink)}
  .btab .bt-l{display:block;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:1.02rem;color:var(--ink);letter-spacing:-0.01em}
  .btab .bt-s{display:block;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:5px}
  .gp-note{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
  .gp-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:16px;padding:7px 0}
  .gp-name{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:13.5px;color:var(--ink-soft)}
  .gp-bar{height:20px;background:var(--cream-2);border-radius:6px;overflow:hidden}
  .gp-fill{display:block;height:100%;width:0;background:var(--n-300);border-radius:6px;transition:width .9s cubic-bezier(0.22,1,0.36,1)}
  .benchpanel.in .gp-fill{width:var(--w)}
  .gp-row.sel .gp-fill{background:#D8C9C2}
  .gp-val{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:10px;justify-content:flex-end}
  .gp-row.sel .gp-val{color:#555;font-weight:500}
  .gp-tag{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-deep);background:var(--teal-tint);padding:3px 7px;border-radius:5px}
  @media(prefers-reduced-motion:reduce){.gp-fill{transition:none}}
  @media(max-width:560px){.gp-row{grid-template-columns:80px 1fr auto;gap:10px}.gp-tag{display:none}}
  /* benchmark viz: graph + leaderboard */
  .benchgrid{display:grid;grid-template-columns:1fr 248px;gap:26px;align-items:stretch;margin-top:2px}
  @media(max-width:780px){.benchgrid{grid-template-columns:1fr;gap:22px}}
  .benchpanel{height:248px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
  .gchart{width:100%;height:100%;display:block}
  .ggrid{stroke:var(--line)}
  .garea{fill:rgba(156,176,230,0.34);opacity:0}
  .benchpanel.in .garea{animation:gfade .9s ease .25s forwards}
  @keyframes gfade{from{opacity:0}to{opacity:1}}
  .gline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1600;stroke-dashoffset:1600}
  .gline.main{stroke:#3A4F86;stroke-width:2.6}
  .gline.alt{stroke:var(--n-300);stroke-width:1.6}
  .benchpanel.in .gline{animation:gdraw 1.25s cubic-bezier(0.22,1,0.36,1) forwards}
  @keyframes gdraw{to{stroke-dashoffset:0}}
  .gdot{fill:#9CB0E6;opacity:0}
  .benchpanel.in .gdot{animation:gfade .5s ease 1s forwards}
  .gaxis{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10px;fill:var(--muted);letter-spacing:.04em}
  .gpair{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:198px;padding:6px 2px 0}
  .gpcol{display:flex;flex-direction:column;align-items:center;gap:9px;flex:1}
  .gpbars{display:flex;align-items:flex-end;gap:5px;height:170px}
  .gpb{width:15px;border-radius:4px 4px 0 0;height:0;transition:height 1s cubic-bezier(0.22,1,0.36,1)}
  .gpb.cpu{background:var(--n-300)}
  .gpb.gpu{background:var(--teal-soft)}
  .gpcol.sel .gpb.cpu{background:var(--n-500)}
  .gpcol.sel .gpb.gpu{background:var(--teal)}
  .benchpanel.in .gpb{height:var(--h)}
  .gpname{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;color:var(--ink-soft)}
  .gpcol.sel .gpname{color:var(--teal-deep);font-weight:600}
  .glegend{display:flex;gap:18px;margin-top:14px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .glegend span{display:flex;align-items:center;gap:7px}
  .glegend .lg{width:11px;height:11px;border-radius:3px;display:inline-block}
  .glegend .lg.cpu{background:var(--n-300)}
  .glegend .lg.gpu{background:var(--teal)}
  /* techy chart chrome */
  .gaxisline{stroke:var(--line-2);stroke-width:1}
  .gguide{stroke:#9CB0E6;stroke-width:1;stroke-dasharray:3 4;opacity:0}
  .benchpanel.in .gguide{animation:gfade .5s ease 1.05s forwards}
  .gpeak{fill:#3A4F86;font-weight:500;opacity:0}
  .benchpanel.in .gpeak{animation:gfade .5s ease 1.15s forwards}
  .gpchart{display:flex;gap:10px;height:176px}
  .gpchart .gpair{height:100%}
  .gpchart .gpbars{height:148px}
  .gpax{display:flex;flex-direction:column;justify-content:space-between;width:24px;padding:2px 0 25px;text-align:right;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10px;color:var(--muted)}
  .gpplot{position:relative;flex:1}
  .gpplot::before{content:'';position:absolute;left:0;right:0;top:4px;bottom:25px;pointer-events:none;
    background:linear-gradient(var(--line),var(--line)) no-repeat,linear-gradient(var(--line),var(--line)) no-repeat,linear-gradient(var(--line-2),var(--line-2)) no-repeat;
    background-size:100% 1px,100% 1px,100% 1px;background-position:0 0,0 50%,0 100%}
  .gpname em{font-style:normal;font-family:'Instrument Sans',sans-serif;color:var(--ink);font-weight:700;margin-left:5px}
  .gpcol.sel .gpname em{color:var(--teal-deep)}
  .gpunit{margin-left:auto;text-transform:none;letter-spacing:.04em;color:var(--muted)}
  .benchboard{background:#fffdf7;border:1px solid var(--line);border-radius:12px;padding:13px 14px 7px;display:flex;flex-direction:column}
  .lbhead{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:flex;align-items:center;gap:7px}
  .lbhead .pulse{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 2.2s ease-out infinite}
  .lbrow{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--line)}
  .lbrank{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;color:var(--n-500)}
  .lbname{font-family:'Instrument Sans',sans-serif;font-size:13px;color:var(--ink-soft)}
  .lbval{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:13px;color:var(--ink)}
  .lbrow.sel{background:var(--teal-tint);border-radius:8px;border-top-color:transparent}
  .lbrow.sel .lbrank,.lbrow.sel .lbname,.lbrow.sel .lbval{color:var(--teal-deep);font-weight:600}

  /* benchmarks preview */
  .bench{padding:0}
  .bench .top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
  .bench h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
  .bench .top p{color:var(--ink-soft);max-width:42ch;font-size:.98rem;margin-top:8px}
  .benchtile{background:linear-gradient(135deg,#5a6cff,#6f86ff 52%,#5a6cff);border-radius:20px;padding:18px}
  .bt-label{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.96;margin:2px 6px 14px;display:flex;align-items:center;gap:8px}
  .bt-label .pulse{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 2.2s ease-out infinite}
  .benchinset{background:var(--card);border-radius:14px;padding:26px 28px}
  .c-title{font-family:'Funnel Display',sans-serif;font-weight:600;font-size:16px;fill:var(--ink)}
  .c-sub{font-family:'Instrument Sans',sans-serif;font-size:11.5px;fill:var(--n-500)}
  .c-cat{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;fill:var(--n-700)}
  .c-val{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;fill:var(--n-700)}
  .c-sel{font-family:'Instrument Sans',sans-serif;font-size:12px;fill:var(--teal-deep);font-weight:600}
  .c-tag{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10px;letter-spacing:.1em;fill:var(--teal-deep);text-transform:uppercase}

  /* insights */
  .ins .top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}
  .ins h2{font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.05;letter-spacing:-0.02em;color:#fff}
  .ins .top p{font-family:'Instrument Sans',sans-serif;font-weight:500;color:rgba(255,255,255,0.82);max-width:42ch;font-size:clamp(1.05rem,1.4vw,1.24rem);line-height:1.5;letter-spacing:0;margin-top:10px}
  .feed{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media(max-width:820px){.feed{grid-template-columns:1fr}}
  .ic{border-radius:18px;overflow:hidden;background:var(--card);transition:.2s;cursor:pointer;box-shadow:0 0 0 1px var(--line)}
  .ic:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line),0 18px 44px rgba(15,17,23,0.08)}
  .ic .img{aspect-ratio:3/4;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
  .ic .body{padding:18px 20px 20px}
  .ic .tag{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .ic h3{font-size:1.12rem;margin-top:7px;line-height:1.2}
  .ic .read{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;color:var(--teal-deep);margin-top:13px}
  .ifeed{display:flex;gap:16px;align-items:stretch;container-type:inline-size}
  @media(max-width:820px){
    .ifeed{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding:2px 22px 14px;margin:0 -22px;scrollbar-width:none}
    .ifeed::-webkit-scrollbar{display:none}
  }
  .isl{position:relative;flex:1 1 0;min-width:0;height:clamp(480px,52vw,620px);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;background:var(--card);box-shadow:0 6px 20px rgba(11,16,36,.14);cursor:pointer;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s ease,box-shadow .4s;will-change:transform,filter}
  @media(min-width:821px){.ifeed .isl.i1,.ifeed .isl.i3{transform:scale(.94);filter:blur(3px) saturate(.9) brightness(.98)}.ifeed .isl.i2{transform:scale(1.05);z-index:2;box-shadow:0 20px 46px rgba(11,16,36,.22)}.ifeed:hover .isl{transform:scale(.94);filter:blur(3px) saturate(.9) brightness(.98);z-index:1;box-shadow:0 6px 20px rgba(11,16,36,.14)}.ifeed .isl:hover{transform:scale(1.05);filter:none;z-index:3;box-shadow:0 20px 46px rgba(11,16,36,.22)}}
  .isl-photo{flex:1;min-height:150px;background-size:cover;background-position:center}
  .isl.i1 .isl-photo{background-image:url('../img/insight-1.jpg')}
  .isl.i2 .isl-photo{background-image:url('../img/insight-2.jpg')}
  .isl.i3 .isl-photo{background-image:url('../img/insight-3.jpg')}
  .isl-panel{background:var(--card);padding:18px 22px 20px;width:100%;box-sizing:border-box}
  .isl-tag{display:inline-block;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:8px}
  .isl-title{font-family:'Funnel Display',sans-serif;font-weight:600;font-size:clamp(1.2rem,1.7vw,1.5rem);color:var(--ink);line-height:1.16;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.32em}
  .isl-title .t-accent{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:1.06em;letter-spacing:0;text-decoration:underline;text-decoration-color:#2940ff;text-decoration-thickness:2.5px;text-underline-offset:5px}
  .isl-title .t-dot{color:#5a6cff}
  .isl-reveal{opacity:1;margin-top:10px}
  .isl-dek{color:var(--ink-soft);font-family:'Instrument Serif',serif;font-style:italic;font-size:1.12rem;line-height:1.34;margin:0;padding-left:14px;border-left:3px solid #CDF4E2;overflow:hidden;min-height:0}
  .isl-dek mark{background:linear-gradient(transparent 58%,#CDF4E2 58%);color:inherit;padding:0 .04em}
  .isl-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}
  .isl-date{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:15px;color:var(--muted)}
  .isl-read{font-family:'Instrument Sans',sans-serif;font-size:14px;color:var(--teal-ink);font-weight:600;background:#CDF4E2;padding:11px 21px;border-radius:14px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.isl-photo{position:relative}.isl-tag{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);z-index:4;display:none;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:13px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#3D52FF;padding:13px 27px;border-radius:14px;box-shadow:0 10px 26px rgba(61,82,255,.55)}.isl.is-soon .isl-tag{display:inline-block}.isl-soon{display:none;font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:600;color:var(--teal-ink);opacity:.6;padding:11px 20px;border:1px solid rgba(15,17,23,.22);border-radius:14px;align-items:center;gap:8px;white-space:nowrap}.isl.is-soon .isl-read{display:none}.isl.is-soon .isl-soon{display:inline-flex}.isl.is-soon .isl-photo::after{content:'';position:absolute;inset:0;background:rgba(11,16,36,.24);z-index:1;pointer-events:none}.isl.is-soon{cursor:default}
  .isl-read .rgly{transform:translateY(-1.5px)}
  @media(prefers-reduced-motion:reduce){.isl,.isl-reveal{transition:none}}
  @media(max-width:820px){.isl-reveal{grid-template-rows:1fr;opacity:1;margin-top:10px}.isl{flex:0 0 82%;min-width:0;scroll-snap-align:center;height:clamp(400px,118vw,460px)}.isl-title,.isl-dek{max-width:none}}

  /* three doors */
  .doors h2{font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.05;letter-spacing:-0.02em;max-width:22ch}
  .doors h2 .soft{color:var(--teal)}
  .doors .lede{color:var(--ink-soft);max-width:58ch;margin-top:14px;font-size:1rem}
  .doors-cta{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:clamp(40px,5vw,66px);text-align:center}
  .doors-cta-lead{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.15;color:var(--ink)}
  .doors-cta .btn{font-size:15px;padding:13px 26px}
  .m-cta{margin-top:18px;font-size:14px;padding:11px 22px}
  .gl-chev{display:inline-flex;justify-content:center;align-items:center;width:1ch;flex:none;font-weight:700;font-size:1.15em;line-height:1;text-align:center;transform:translateY(-1.5px)}
  @keyframes chevGlitch{0%,88%,100%{transform:translate(0,-1.5px);text-shadow:none;opacity:1}89%{transform:translate(-1.5px,-1.5px);text-shadow:2px 0 #5a6cff,-2px 0 #2940ff;opacity:.85}92%{transform:translate(1.5px,-1.5px);text-shadow:-2px 0 #2940ff,2px 0 #5a6cff;opacity:1}94%{transform:translate(-1px,-1.5px);text-shadow:1.5px 0 #5a6cff;opacity:.9}96%{transform:translate(1px,-1.5px);text-shadow:none;opacity:1}}
  .gl-chev{animation:chevGlitch 4.2s steps(1,end) infinite}
  @media(prefers-reduced-motion:reduce){.gl-chev{animation:none}}
  .dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
  @media(max-width:820px){.dgrid{grid-template-columns:1fr}}
  .door{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 28px;display:flex;flex-direction:column}
  .door .dn{font-family:'Funnel Display',sans-serif;font-weight:700;font-size:clamp(1.55rem,2.2vw,1.9rem);line-height:1.06;color:var(--teal-deep);margin-bottom:12px}
  .door h3{font-size:1.04rem;font-weight:500;line-height:1.22}
  .door p{font-size:.92rem;color:var(--ink-soft);line-height:1.55;margin-top:10px;flex:1}
  .door .log{margin-top:18px;background:var(--teal-ink);border-radius:10px;padding:11px 13px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11.5px;color:rgba(238,240,247,0.7);line-height:1.7}
  .door .log b{color:var(--teal);font-weight:400}

  /* contact */
  .contact{position:relative;background:var(--teal-ink);color:var(--cream);border-radius:28px;padding:clamp(40px,5vw,66px) clamp(28px,4vw,58px);
    display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
  .contact::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:50%;bottom:-50px;background:#2940FF;z-index:-1;pointer-events:none}
  @media(max-width:820px){.contact{grid-template-columns:1fr;gap:28px}.form{border-left:none;padding-left:0}}
  .contact h2{font-size:clamp(3rem,6.4vw,5.4rem);line-height:1.05;letter-spacing:-0.02em} .contact h2 .dot{color:var(--teal-deep)}
  .contact .ct{color:rgba(245,246,250,0.7);margin-top:14px;max-width:38ch;font-size:1rem}
  .form{display:flex;flex-direction:column;gap:13px;border-left:2px solid #2940FF;padding-left:clamp(26px,3.5vw,48px)}
  .frow{display:grid;grid-template-columns:1fr 1fr;gap:13px}
  @media(max-width:520px){.frow{grid-template-columns:1fr}}
  .inp{background:rgba(245,246,250,0.06);border:1px solid rgba(245,246,250,0.16);border-radius:11px;
    color:var(--cream);font-family:'Instrument Sans',sans-serif;font-size:14px;padding:13px 15px;width:100%}
  .inp::placeholder{color:rgba(245,246,250,0.4)}
  .inp:focus{outline:none;border-color:var(--teal-deep)}
  textarea.inp{min-height:84px;resize:vertical}
  .checks{display:flex;flex-direction:column;gap:9px;margin-top:4px}
  .chk{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(245,246,250,0.78)}
  .chk input{accent-color:var(--teal);width:15px;height:15px;flex:0 0 auto;margin-top:2px}
  .form-ok,.form-err{overflow-wrap:anywhere}
  .form .btn{margin-top:6px;justify-content:center}

  /* footer */
  footer{position:relative;background:#2940FF;color:var(--cream);padding:28px 0 60px}
  footer::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:clamp(40px,5vw,80px);background:#2940FF;z-index:-1;pointer-events:none}
  .frow2{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
  .fmeta{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12.5px;color:rgba(245,246,250,0.55);line-height:1.8;padding-left:28px}
  .flinks{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
  .flinks a{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:15px;color:rgba(245,246,250,0.55);text-decoration:none}
  footer .by{color:rgba(245,246,250,0.5)}
  .flinks a:hover{color:var(--cream)}
  /* ===== convergence diagram (hero visual) ===== */
  .diagram{position:relative;width:100%;max-width:1340px;margin:calc(clamp(44px,6vw,68px) - 10px) auto 0;color:var(--ink);
    text-align:left;padding:clamp(10px,2vw,18px) clamp(6px,2vw,20px)}
  .diagram::before{display:none}
  .diagram .deyebrow{position:relative;z-index:2;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-deep);display:flex;align-items:center;gap:10px;margin-bottom:8px;justify-content:center}
  .diagram .deyebrow::before,.diagram .deyebrow::after{content:'';width:26px;height:1px;background:rgba(15,17,23,0.18)}
  .diagram .dtitle{position:relative;z-index:2;text-align:center;font-family:'Instrument Sans',sans-serif;font-weight:400;letter-spacing:-0.005em;font-size:clamp(1.05rem,1.5vw,1.32rem);line-height:1.45;max-width:74ch;margin:0 auto clamp(28px,4vw,44px)}
  @media(max-width:1535px){.hero .sub{margin-top:22px}.diagram{margin-top:12px;padding-top:10px}.hero{padding-bottom:clamp(8px,1.4vw,16px)}}
  @media(max-width:760px){.diagram{margin-top:clamp(30px,7vw,42px)}}
  .diagram .dtitle .s{color:var(--muted)}
  .wires{position:absolute;left:0;top:0;z-index:1;pointer-events:none;overflow:visible}
  .wires .wire{animation:flow .8s linear infinite}
  @keyframes flow{to{stroke-dashoffset:-7}}
  @media(prefers-reduced-motion:reduce){.wires .wire,.trip .tflow .wf{animation:none!important}}
  .stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--hero-gap)}
  .stage .col{display:flex;flex-direction:column;gap:12px}
  .stage .col .lbl{font-family:'Instrument Sans',sans-serif;font-size:17px;letter-spacing:.13em;text-transform:uppercase;color:#2940FF;font-weight:600;line-height:1.22;margin-bottom:5px}
  .lblbr{display:block}@media(min-width:761px){.lblbr{display:block}}
  .stage .col.right{align-items:flex-end}
  .stage .col.right .lbl{text-align:right;width:100%}
  .node{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid rgba(41,64,255,0.35);border-radius:12px;padding:11px 14px;width:100%;font-size:13.5px;color:var(--ink);box-shadow:0 1px 2px rgba(15,17,23,0.03),0 6px 16px -10px rgba(15,17,23,0.12)}
  @media(min-width:761px){.col.left{animation:colInL .6s cubic-bezier(.2,.7,.2,1) 1.7s both}.col.right{animation:colInR .6s cubic-bezier(.2,.7,.2,1) 1.72s both}}
  @media(max-width:760px){.col.left,.col.right{animation:cycFade .5s ease 1.55s both}}
  .core{animation:dotGrow 1.5s linear .2s both}
  .wires{animation:wiresIn .6s ease 2.18s both}
  @keyframes colInL{0%{opacity:0;transform:translateX(-64px)}100%{opacity:1;transform:translateX(0)}}
  @keyframes colInR{0%{opacity:0;transform:translateX(64px)}100%{opacity:1;transform:translateX(0)}}
  @keyframes cycFade{from{opacity:0}to{opacity:1}}
  @keyframes cycFade4{from{opacity:0}to{opacity:.16}}
  
  @keyframes wiresIn{0%{opacity:0}100%{opacity:1}}
  .col.right .node{flex-direction:row-reverse;text-align:right}
  .node i{font-size:18px;color:var(--teal-deep);flex-shrink:0}
  .tsi{width:1em;height:1em;display:block;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .node .nsub{display:block;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11px;color:var(--muted);margin-top:1px}
  .core{position:relative;z-index:2;width:clamp(240px,34vw,330px);background:linear-gradient(135deg,#2940FF,#3A4DFF 52%,#2940FF);border-radius:20px;padding:18px;box-shadow:0 20px 50px -24px rgba(41,64,255,0.45)}
  .core .brand{position:absolute;top:0;bottom:0;left:18px;right:18px;z-index:3;display:flex;align-items:center;justify-content:center;margin:0;pointer-events:none;text-shadow:0 1px 12px rgba(0,0,0,0.55)}
  .core .brand .d{color:#fff} .core .brand i{font-size:18px;color:#fff;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center}
  .core .ctag{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.82);margin:3px 0 14px;padding-left:27px}
  .coreinset{background:transparent;border-radius:14px;padding:0}
  .trip .t.photo{background-size:cover;background-position:center;border:none;min-height:118px;padding:0;position:relative;overflow:hidden;justify-content:center}
  .trip .t.bphoto{background-image:url('../img/benchmark.jpg')}
  .trip .t.iphoto{background-image:url('../img/insight.jpg')}
  .trip .t.photo::before{content:"";position:absolute;inset:0;background:rgba(9,13,30,0.38)}
  .trip .t.photo .w{position:relative;z-index:1;color:#fff;font-size:clamp(20px,2vw,25px);font-weight:600;margin-top:0;text-shadow:0 1px 8px rgba(0,0,0,0.6)}
  .trip .t.photo .w .rgly{font-size:0.85em;opacity:0.9;position:absolute;left:100%;margin-left:7px;top:50%;transform:translateY(-50%);width:1em;text-align:left}
  .trip a.t{text-decoration:none;color:inherit;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
  .trip a.t.photo:hover{transform:translateY(-2px);box-shadow:0 12px 28px -12px rgba(0,0,0,0.55)}
  .trip a.t.photo:hover::before{background:rgba(9,13,30,0.20)}
  .imecpunch{margin-top:16px;color:var(--teal);font-weight:600;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.5}
  .imecnote{border-left:2px solid var(--teal-deep);padding-left:16px;margin-top:20px;color:var(--ink);font-size:clamp(1rem,1.32vw,1.18rem);font-weight:500;line-height:1.5;max-width:62ch}
  .imecnote b{color:var(--teal-deep);font-weight:600}
  .corebig{background:transparent;border:0;border-radius:0;padding:0;margin-bottom:13px}
  .corebig .live{display:flex;align-items:center;gap:7px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:7px}
  .corebig .h{font-family:'Funnel Display',sans-serif;font-weight:500;font-size:15px;line-height:1.18}
  .trip{display:grid;grid-template-columns:1fr;gap:6px}
  .trip .tflow{grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.85;margin:1px 0}
  .trip .tflow svg{width:62%;max-width:150px;height:22px}
  .trip .tflow .wf{stroke-dasharray:2 5;animation:flow .8s linear infinite}
  .trip .t.wide{grid-column:1/-1;flex-direction:row;gap:12px;padding:14px 10px;background:var(--teal-tint);border-color:rgba(41,64,255,0.30)}
  .trip .t.wide .w{font-size:clamp(15px,1.25vw,18px);font-weight:600;letter-spacing:0}
  .trip .t.wide .tic{margin:0}
  .trip .t{background:rgba(15,17,23,0.035);border:1px solid var(--line);border-radius:12px;padding:15px 4px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
  .trip .t .n{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11.5px;color:var(--muted)}
  .trip .t .w{font-family:'Funnel Display',sans-serif;font-weight:500;font-size:clamp(11.5px,0.85vw,13.5px);margin-top:5px;line-height:1.1}
  .trip .t .tic{display:flex;align-items:center;justify-content:center;width:42px;height:32px;margin:0 auto 9px;color:var(--teal-deep)}
  .trip .t .tic svg{display:block;width:100%;height:100%}
  .trip .t .tic svg{width:100%;height:100%;display:block;overflow:visible}
  .out{position:relative;z-index:1;margin-top:-6px;display:flex;flex-direction:column;align-items:center;gap:10px}
  .centercol .out::before{content:none}
  .centercol{display:flex;flex-direction:column;align-items:stretch;width:clamp(240px,34vw,330px)}
  .out .down{display:none}
  .out .down::before{content:'';position:absolute;left:50%;top:0;width:5px;height:5px;border-radius:50%;background:var(--teal-deep);transform:translateX(-50%)}
  .out .chip{font-family:'Funnel Display',sans-serif;font-weight:600;font-size:clamp(15px,1.25vw,18px);letter-spacing:0;text-transform:none;color:var(--teal-deep);background:var(--teal-tint);border:1px solid rgba(41,64,255,0.30);border-radius:12px;padding:14px 30px;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}
  .out .chip i{font-size:15px;color:var(--teal-deep)}
  @media(max-width:760px){.stage{grid-template-columns:1fr;gap:18px}.centercol{width:100%}.stage .col.right{align-items:stretch}.col.right .node{flex-direction:row;text-align:left}.stage .col.right .lbl{text-align:left}.core{width:100%;order:-1;margin-bottom:6px}}

  /* proof strip */
  .proofsec{padding-top:0;padding-bottom:clamp(40px,5vw,66px)}
  .proof{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,34px);
    background:var(--card);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:16px;
    padding:clamp(18px,2.4vw,24px) clamp(20px,3vw,30px);text-decoration:none;color:var(--ink);
    box-shadow:0 1px 2px rgba(15,17,23,0.03),0 16px 40px -28px rgba(15,17,23,0.22);transition:.2s}
  .proof:hover{border-color:var(--line-2);border-left-color:var(--teal);transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(15,17,23,.05),0 26px 56px -30px rgba(15,17,23,.28)}
  .proof .pf-l{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--teal-deep);display:flex;align-items:center;gap:8px;white-space:nowrap}
  .proof .pf-l .pulse{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2.2s ease-out infinite}
  .proof .pf-main{font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.45;color:var(--ink-soft)}
  .proof .pf-main b{color:var(--ink);font-weight:500}
  .proof .pf-stat{font-family:'Funnel Display',sans-serif;font-weight:700;font-size:clamp(1.5rem,2.4vw,2rem);
    letter-spacing:-0.02em;color:var(--teal-deep);margin-right:7px}
  .proof .pf-go{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12.5px;color:var(--teal-deep);white-space:nowrap;
    display:flex;align-items:center;gap:6px}
  .proof .pf-go .ar,.methodline .ar{transition:transform .2s}
  .proof:hover .pf-go .ar{transform:translateX(4px)}
  @media(max-width:820px){.proof{grid-template-columns:1fr;gap:13px}.proof .pf-go{justify-self:start}}
  /* method line under the wedge */
  .methodline{margin:clamp(26px,3.5vw,38px) auto clamp(6px,1vw,12px);text-align:center}
  .methodline a{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:13.5px;letter-spacing:.04em;color:var(--teal-deep);
    text-decoration:none;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line-2);
    border-radius:999px;padding:10px 20px;background:#fff;transition:.2s}
  .methodline a:hover{border-color:var(--teal-deep);transform:translateY(-1px)}
  .methodline .mw{color:var(--ink)}
  .methodline a:hover .ar{transform:translateX(3px)}
  /* merged manifesto: wedge folded into the dark gap block */
  .belief .wedge{margin-top:clamp(40px,5.5vw,64px);padding-top:clamp(34px,4.5vw,52px);border-top:1px solid rgba(238,240,247,0.14)}
  .belief .ctitle{color:#eef0f7;max-width:none;font-size:clamp(2.1rem,4.4vw,3.4rem);margin:0 auto clamp(12px,1.6vw,18px)}
  .belief .ctitle .dot{color:var(--teal)}
  .belief .ctsub{color:rgba(238,240,247,0.72);max-width:46ch;margin:clamp(14px,1.8vw,20px) auto 0;text-align:center;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:clamp(1.05rem,1.4vw,1.24rem);line-height:1.5;text-wrap:wrap}
  .belief .marquee{margin-top:0}
  .belief .mchip{background:rgba(255,255,255,0.06);border-color:rgba(238,240,247,0.18);color:rgba(238,240,247,0.82)}
  .doors h2 .u{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:0.06em;text-underline-offset:0.1em}
  .belief .convkick{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,240,247,0.5);text-align:center;margin:clamp(30px,3.8vw,46px) auto clamp(13px,1.5vw,16px)}
  .feed .ic{transform:scale(.955);filter:blur(1.3px);opacity:.72;transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .32s ease,opacity .32s ease}
  .feed .ic:nth-child(2){transform:scale(1.045);filter:none;opacity:1;z-index:2}
  .feed:hover .ic{transform:scale(.955);filter:blur(1.3px);opacity:.72;z-index:1}
  .feed:hover .ic:hover{transform:scale(1.05);filter:none;opacity:1;z-index:3}
  @media(max-width:760px){.feed .ic,.feed .ic:nth-child(2){transform:none;filter:none;opacity:1}}
  .door h3::before{content:"\2192";color:#2940FF;font-weight:600;margin-right:.45em}
  @keyframes nodefloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  .col .node{animation:nodefloat 7s ease-in-out infinite;will-change:transform}
  .col .node:nth-child(2){animation-delay:1.8s}
  .col .node:nth-child(3){animation-delay:4.26s}
  .col .node:nth-child(4){animation-delay:3.76s}
  .col .node:nth-child(5){animation-delay:4.46s}
  .col .node:nth-child(6){animation-delay:3.96s}
  .col.right .node:nth-child(2){animation-delay:1.9s}
  .col.right .node:nth-child(3){animation-delay:4.36s}
  .col.right .node:nth-child(4){animation-delay:3.86s}
  .col.right .node:nth-child(5){animation-delay:4.56s}
  .col.right .node:nth-child(6){animation-delay:4.06s}
  @media(prefers-reduced-motion:reduce){.col .node{animation:none}.col.left,.col.right,.core,.wires,.brand,.coreinset,.out{animation:none!important}.stage .centercol::before{animation:none!important;opacity:.4}}

  /* ===== benchmark instrument cards ===== */
  .iscope{position:relative;width:100%;height:172px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(205,244,226,0.06),rgba(205,244,226,0));border:1px solid rgba(180,188,255,0.10)}
  .iscope svg{position:absolute;inset:0;width:100%;height:100%}
  .iscope-grid line{stroke:rgba(180,188,255,0.10);stroke-width:1}
  .iwave{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
  .iwave.w1{stroke:#CDF4E2;filter:drop-shadow(0 0 6px rgba(205,244,226,.55));stroke-dasharray:7 9;animation:ibdash 1s linear infinite}
  .iwave.w2{stroke:rgba(180,188,255,0.30);stroke-width:1.6}
  .isweep{animation:ibsweep 3.4s linear infinite}
  @keyframes ibsweep{from{transform:translateX(-4%)}to{transform:translateX(104%)}}
  @keyframes ibdash{to{stroke-dashoffset:-32}}
  @keyframes ibblink{0%,100%{opacity:1}50%{opacity:.25}}
  .ibars{display:flex;flex-direction:column;gap:13px;width:100%;padding:6px 2px}
  .ibar-row{display:grid;grid-template-columns:58px 1fr 46px;align-items:center;gap:12px}
  .ibar-name{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12.5px;color:rgba(214,219,255,0.6)}
  .ibar-track{height:16px;border-radius:5px;background:rgba(180,188,255,0.08);overflow:hidden}
  .ibar-fill{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,rgba(205,244,226,0.32),#CDF4E2);transition:width 1.1s cubic-bezier(0.22,1,0.36,1)}
  .benchpanel.in .ibar-fill{width:var(--w)}
  .ibar-row.sel .ibar-fill{box-shadow:0 0 12px rgba(205,244,226,.5)}
  .ibar-row.sel .ibar-name{color:#fff}
  .ibar-val{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:13px;color:rgba(214,219,255,0.7);text-align:right}
  .ibar-row.sel .ibar-val{color:#fff;font-weight:500}
  .ispec-metric{display:flex;align-items:baseline;gap:6px;margin:2px 2px 14px;justify-content:center}
  .ispec-v{font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:clamp(1.7rem,4vw,2.2rem);line-height:1;color:#fff;letter-spacing:-0.01em}
  .ispec-u{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(214,219,255,0.55)}
  .ispectrum{display:flex;align-items:flex-end;gap:4px;height:96px;padding:0 2px}
  .ispectrum b{flex:1;border-radius:2px;background:linear-gradient(180deg,#CDF4E2,rgba(205,244,226,.22));height:30%;animation:ibbar 1.6s ease-in-out infinite}
  @keyframes ibbar{0%,100%{height:22%}50%{height:88%}}
  @media(prefers-reduced-motion:reduce){.iwave.w1,.isweep,.bc-dot,.ispectrum b{animation:none!important}.ibar-fill{transition:none}}

  /* ===== hero interchangeable words ===== */
  .cycle{position:relative;width:100%;display:flex;align-items:center;min-height:clamp(110px,13vw,165px)}
  .col.left .cycle{justify-content:flex-start}
  .col.right .cycle{justify-content:flex-start}
  .cyc-word{display:block;width:100%;text-align:left;font-family:'Instrument Serif',serif;font-style:normal;font-weight:400;font-size:clamp(2.45rem,4.9vw,4.7rem);line-height:1.05;letter-spacing:0;color:var(--ink);text-decoration:none;transition:opacity .34s ease;will-change:opacity;white-space:nowrap}
  .col.left .cyc-word{text-align:left}
  .col.right .cyc-word{text-align:left}
  .col.left .lbl{text-align:left;width:100%;margin-top:9px;margin-bottom:0}
  .col.right .lbl{text-align:left;width:100%;margin-top:9px;margin-bottom:0}
  @media(prefers-reduced-motion:reduce){.cyc-word{transition:none}}

  /* hero flow chevrons (replaces word wires) */
  .flow{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:4px}
  .flow-l{left:100%;margin-left:calc((var(--hero-gap) - 35px)/2)}
  .flow-r{right:100%;margin-right:calc((var(--hero-gap) - 35px)/2)}
  .flow i{width:9px;height:9px;border-style:solid;border-color:#2940FF;border-width:2px 2px 0 0;opacity:.18;animation:flowp 1.5s ease-in-out infinite}
  .flow-l i{transform:rotate(45deg)}
  .flow-r i{transform:rotate(-135deg)}
  .flow-l i:nth-child(1){animation-delay:0s}
  .flow-l i:nth-child(2){animation-delay:.17s}
  .flow-l i:nth-child(3){animation-delay:.34s}
  .flow-r i:nth-child(3){animation-delay:0s}
  .flow-r i:nth-child(2){animation-delay:.17s}
  .flow-r i:nth-child(1){animation-delay:.34s}
  @keyframes flowp{0%,100%{opacity:.16}50%{opacity:1}}
  @media(prefers-reduced-motion:reduce){.flow i{animation:none;opacity:.55}}


  /* ===== why this matters: demo + selector ===== */
  .matters{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3.5vw,52px);align-items:stretch;margin-top:clamp(30px,4vw,50px);grid-template-rows:clamp(450px,46vw,490px)}
  .m-demo{position:relative;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(280px,30vw,360px);border:1px solid rgba(15,17,23,0.10);box-shadow:0 26px 60px -40px rgba(11,16,36,.55)}
  .m-card-head{display:flex;align-items:center;gap:9px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(214,219,255,0.62)}
  .m-dot{width:8px;height:8px;border-radius:50%;background:#5a6cff;box-shadow:0 0 10px #5a6cff;animation:ibblink 1.5s ease-in-out infinite}
  .m-log{margin-top:10px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:clamp(12px,1.2vw,14px);line-height:2;color:rgba(238,240,247,0.8);transition:opacity .3s ease}
  .m-log b{color:#5a6cff;font-weight:500}
  .m-sel{display:flex;flex-direction:column;padding-top:2px;overflow:hidden}
  .m-item{border-top:1px solid rgba(41,64,255,0.5)}
  .m-item:first-child{border-top:none}
  .m-head{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:'Funnel Display',sans-serif;font-weight:600;font-size:clamp(1.3rem,1.8vw,1.6rem);color:var(--ink);padding:clamp(15px,1.5vw,19px) 0;letter-spacing:-0.01em;transition:color .2s ease}.m-gly{flex:0 0 auto;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:0.7em;line-height:1;color:rgba(41,64,255,0.3);transition:color .2s ease,transform .25s ease}.m-item.active .m-gly{color:#2940FF;transform:rotate(90deg)}.m-item:not(.active) .m-head:hover{color:var(--teal-deep)}.m-item:not(.active) .m-head:hover .m-gly{color:#2940FF}
  .m-item:not(.active) .m-head:hover{color:var(--teal-deep)}
  .m-item.active .m-head{padding-bottom:7px}
  .m-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(0.22,1,0.36,1),opacity .35s ease}
  .m-item.active .m-body{max-height:360px;opacity:1;padding-bottom:clamp(18px,2vw,26px)}
  .m-body h3{font-size:clamp(1rem,1.3vw,1.16rem);font-weight:500;line-height:1.3;margin:0 0 9px;color:var(--ink)}
  .m-body p{font-size:.95rem;line-height:1.55;color:var(--ink-soft);margin:0 0 15px}
  .m-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
  .m-points li{position:relative;padding-left:27px;font-size:.92rem;line-height:1.4;color:var(--ink)}
  .m-points li::before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--teal-deep)}
  .m-points li::after{content:"";position:absolute;left:5px;top:4px;width:4px;height:8px;border:solid var(--teal-deep);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
  .col.left{align-items:flex-end}
  .col.right{align-items:flex-start}
  @media(max-width:820px){.matters{grid-template-columns:1fr;gap:22px;grid-template-rows:auto}}

  .sidebox{position:relative;display:flex;flex-direction:column;width:clamp(205px,22vw,400px);max-width:100%}
  .m-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease;animation:mDrift 19s ease-in-out infinite alternate}@keyframes mDrift{from{transform:scale(1.05) translate(1%,0.6%)}to{transform:scale(1.18) translate(-2.4%,-1.5%)}}@media(prefers-reduced-motion:reduce){.m-photo{animation:none}}
  .m-demo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,15,0.12),rgba(6,8,15,0.5));pointer-events:none}
  .m-card{position:relative;z-index:2;margin:clamp(14px,1.8vw,20px);background:rgba(8,11,26,0.8);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(180,188,255,0.2);border-radius:13px;padding:clamp(14px,1.6vw,18px);box-shadow:0 18px 40px -26px rgba(0,0,0,.65)}
  .acc-serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:1.06em;text-decoration:underline;text-decoration-color:#2940FF;text-decoration-thickness:0.06em;text-underline-offset:0.08em}

  .stage .col .lbl{text-align:left!important;width:100%!important}
  .stage .col .cyc-word{text-align:left!important}
  .stage .col{position:relative;z-index:4}
  .stage .centercol{position:relative;z-index:2}

  .bdot{color:#2940FF;font-weight:600}

  .stage .col.left{align-items:flex-end!important}
  .stage .col.right{align-items:flex-start!important}

  @keyframes dotGrow{0%{clip-path:inset(calc(50% - 11px) calc(50% - 11px) round 6px);opacity:0}2%{opacity:1}10%{opacity:1}14%{opacity:.08}20%{opacity:1}28%{opacity:1}32%{opacity:.08}38%{opacity:1}46%{opacity:1}50%{opacity:.08}56%{opacity:1}60%{clip-path:inset(calc(50% - 11px) calc(50% - 11px) round 6px);opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1)}100%{clip-path:inset(-50px round 20px);opacity:1}}
  @keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
  
  @keyframes optiDrawer{0%{transform:translateY(-100%);opacity:0}3%{opacity:1}100%{transform:translateY(0);opacity:1}}
  .brand{animation:fadeUp .5s ease 1.72s both}
  .coreinset{animation:fadeUp .55s ease 1.8s both}
  .out{animation:optiDrawer .6s cubic-bezier(.2,.85,.25,1) 1.85s both}

  .t.photo.bphoto{background-size:150%;background-position:25% center}
  .m-item.active .m-head{color:var(--teal-deep)}

  .hf-teal,.hf-purple{display:none}

  .cyc-word .cw-ln{display:block;text-decoration:none;will-change:opacity,transform,filter}

  .lgtab{display:inline-flex;align-items:center;gap:0;font-family:'Funnel Display',sans-serif;font-weight:700;font-size:18px;letter-spacing:-0.02em;color:#fff}
  .coreinset .t.photo{min-height:118px;justify-content:center;padding-bottom:0}

  .t.photo.iphoto{clip-path:path("M 12 0 L 282 0 Q 294 0 294 12 L 294 106 Q 294 118 282 118 L 210 118 Q 202 118 202 110 L 202 106 Q 202 98 194 98 L 100 98 Q 92 98 92 106 L 92 110 Q 92 118 84 118 L 12 118 Q 0 118 0 106 L 0 12 Q 0 0 12 0 Z")}
  .t.photo.bphoto{clip-path:path("M 12 0 L 84 0 Q 92 0 92 8 L 92 12 Q 92 20 100 20 L 194 20 Q 202 20 202 12 L 202 8 Q 202 0 210 0 L 282 0 Q 294 0 294 12 L 294 106 Q 294 118 282 118 L 12 118 Q 0 118 0 106 L 0 12 Q 0 0 12 0 Z")}
@media(min-width:761px) and (max-width:969px){.t.photo.iphoto,.t.photo.bphoto{clip-path:none}.trip{gap:40px}}  .m-photo2{opacity:0}
  .chk a{color:#fff;text-decoration:underline;text-underline-offset:2px}
  .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
  .formnote{font-size:13px;color:rgba(245,246,250,0.6);margin-top:2px}
  .formnote a{color:#fff;text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){
  /* hero: centre rotating words + subtitles */
  .stage .col.left,.stage .col.right{align-items:center!important}
  .stage .sidebox{width:100%;max-width:320px;margin:0 auto}
  .stage .col .cyc-word{text-align:center!important}
  .stage .col .lbl{text-align:center!important;width:100%!important;margin-top:10px;line-height:1.32}
  .stage .cycle{flex-direction:column;justify-content:center;min-height:auto;gap:12px}
  .stage .col.right .cycle{flex-direction:column-reverse}
  /* hero: vertical arrows pointing toward the card */
  .stage .col .flow{position:static;flex-direction:column;gap:3px;margin:0!important;inset:auto}
  .stage .col.left .flow i{transform:rotate(135deg)}
  .stage .col.right .flow i{transform:rotate(-45deg)}
  /* gaplog: drop labels, let bars span full width */
  .gaprow{flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:18px 0}
    .gaprow .gl{display:block;width:auto;font-size:12px;letter-spacing:.04em;order:0}
    .gaprow .gr{display:block;width:auto;margin-left:auto;text-align:right;font-size:12px;order:1}
  .gaprow .ticks{flex:0 0 100%;width:100%;padding:0;margin-top:15px;order:2}
  /* insights carousel */
  .feed{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:14px;padding-bottom:6px;padding-left:15%;padding-right:15%;-webkit-overflow-scrolling:touch}
  .feed .ic{flex:0 0 70%;scroll-snap-align:center}
  .feed::-webkit-scrollbar{display:none}
  /* method cards carousel */
  .methods{flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .method{flex:0 0 82%!important;scroll-snap-align:center}
  .methods::-webkit-scrollbar{display:none}
}
.ic .img{border-radius:18px 18px 0 0}

@media(max-width:760px){
  .hero{padding-top:clamp(62px,8.5vw,74px)}
  .core{max-width:330px;margin:0 auto}
  
  .centercol .out{margin-top:-6px}
}
.nl-group{display:flex;align-items:center;gap:26px}
.nlinks .btn{padding:8px 16px}
.ham{display:none;background:none;border:0;cursor:pointer;width:34px;height:34px;padding:7px;margin-left:4px;flex-direction:column;justify-content:space-between}
.ham span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.ham[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.ham[aria-expanded="true"] span:nth-child(2){opacity:0}
.ham[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:820px){
  .nlinks{gap:10px}
  .ham{display:inline-flex}
  header.menu-open .nl-group{display:flex;flex-direction:column;gap:0;position:fixed;top:66px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(15,17,23,0.10);padding:6px 22px 14px;z-index:48}
  header.menu-open .nl-group a{display:block;padding:13px 2px;font-size:16px;border-bottom:1px solid var(--line)}
  header.menu-open .nl-group a:last-child{border-bottom:0}
}
.chip.opti{position:relative;background:#CDF4E2;border:0;border-radius:0;clip-path:path("M12 0 L188 0 Q200 0 200 12 L200 48 Q200 56 192.3 58.16 L107.7 81.84 Q100 84 92.3 81.84 L7.7 58.16 Q0 56 0 48 L0 12 Q0 0 12 0 Z");transition:background .45s ease}
.opti-word{position:relative;z-index:2;font-family:'Instrument Sans',sans-serif;font-size:17px;letter-spacing:.13em;font-weight:600;text-transform:uppercase;flex:0 0 auto;text-align:center;min-width:0;color:#0b1024;transform:translateY(6px)}
.opti-word .ol{display:inline-block;will-change:transform,opacity,filter}
.opti-scr{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:space-between;align-items:center;justify-content:space-between;gap:1px 3px;padding:3px 5px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:13px;line-height:1;letter-spacing:0;color:var(--teal-deep);overflow:hidden;z-index:1;opacity:0;transition:opacity .3s ease}
.opti-wave{position:absolute;top:0;bottom:0;left:-20%;width:40%;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - 1.2px),rgba(244,247,255,0.95) calc(50% - 1.2px),rgba(244,247,255,0.95) calc(50% + 1.2px),transparent calc(50% + 1.2px)),linear-gradient(90deg,transparent 0%,rgba(120,135,255,0.30) 38%,rgba(150,162,255,0.60) 50%,rgba(120,135,255,0.30) 62%,transparent 100%);opacity:0}
.chip.opti.is-armed .opti-word{opacity:0}
.chip.opti.is-armed .opti-scr{opacity:1;color:var(--teal-deep)}
.chip.opti.is-playing .opti-word{opacity:1}.chip.opti.is-playing .opti-scr{animation:scrDissolve .4s ease both}
@keyframes scrDissolve{0%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(-7px);filter:blur(4px)}}
.swipebar{display:none}
@media(max-width:760px){
  .feed .ic{transform:scale(.86)!important;filter:blur(1.6px)!important;opacity:.5!important;transition:transform .3s ease,filter .3s ease,opacity .3s ease}
  .feed .ic.is-active{transform:scale(1)!important;filter:none!important;opacity:1!important}
  .b3{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:14px;padding-bottom:6px;-webkit-overflow-scrolling:touch;max-width:none!important;margin:0!important}
  .b3 .bcard{flex:0 0 82%;scroll-snap-align:center}
  .b3::-webkit-scrollbar{display:none}
  .swipebar{display:block;position:relative;height:3px;border-radius:3px;background:rgba(41,64,255,0.12);margin:16px auto 0;width:72px;transition:opacity .2s ease}
  .swipebar span{position:absolute;top:0;left:0;height:100%;width:34%;background:var(--teal-deep);border-radius:3px;transition:left .12s ease,width .12s ease}
}
@media(max-width:760px){
  .stage .col.left .cycle{display:contents}
  .stage .col.left .cyc-word{order:1}
  .stage .col.left .lbl{order:2}
  .stage .col.left .flow{order:3;align-items:center;margin-top:12px!important}
}
@media(max-width:760px){.out{max-width:330px;align-self:center}}
@media(min-width:761px){.stage .col.left .cyc-word{text-align:right!important}.stage .col.left .lbl{text-align:right!important}}
@media(max-width:760px){.feed,.methods,.b3{cursor:grab}}
@media(max-width:760px){.ins{padding-bottom:clamp(10px,3vw,24px)}}
.out .chip.opti{width:200px;height:84px;padding:0 18px 28px;white-space:nowrap}
.belief .gaprow .gl,.belief .gaprow .gr{color:#eef0f7;font-weight:500}.belief .gaprow .gr{text-decoration:underline;text-decoration-color:#CDF4E2;text-decoration-thickness:2px;text-underline-offset:3px}.belief .lede{color:rgba(238,240,247,0.92);font-weight:400}.matters .m-card{background:rgba(41,64,255,0.3)}.matters .m-card-head{color:rgba(255,255,255,0.92)}.matters .m-dot{display:none}.matters .m-log{color:#fff;font-weight:500}.matters .m-log b{color:#CDF4E2}.m-points li::before{border-color:#CDF4E2;background:#CDF4E2}.m-points li::after{content:"✓";left:0;top:1px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:#0b1024;font-weight:700;border:0;transform:none}.bc-eq{display:inline-flex;align-items:flex-end;gap:2px;height:11px;flex:0 0 auto}.bc-eq i{width:2.5px;height:100%;border-radius:1px;background:#fff;transform-origin:bottom;animation:bceq 1s ease-in-out infinite}.bc-eq i:nth-child(2){animation-delay:.2s}.bc-eq i:nth-child(3){animation-delay:.4s}@keyframes bceq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.bc-eq i{animation:none;transform:scaleY(.7)}}.opti-scr{display:none}.chip.opti.is-armed .opti-word{opacity:1}

#techgrid{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}

/* ===== benchmark bay (v263) ===== */

#bbBay{--mint:#CDF4E2;--peri:#5a6cff;--amber:#f2a938;--bbink:#eef0f7;--bbmut:rgba(238,240,247,.58);--bbmut2:rgba(238,240,247,.4);--bbln:rgba(238,240,247,.14);--bbmono:'Geist Mono',ui-monospace,monospace; --bbsans:'Instrument Sans',sans-serif;font-weight:500,monospace;--bbsans:'Instrument Sans',system-ui,sans-serif;
  margin-top:clamp(54px,6.4vw,92px);--bpad:clamp(18px,2.4vw,32px);background:rgba(255,255,255,0.07);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(255,255,255,0.24);border-radius:20px;padding:var(--bpad);margin-left:calc(-1 * var(--bpad));margin-right:calc(-1 * var(--bpad));box-shadow:0 18px 50px rgba(11,16,36,.14);position:relative;overflow:visible;color:var(--bbink)}
#bbBay::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% -10%,rgba(90,108,255,.10),transparent 60%);pointer-events:none}
#bbBay .bb-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;position:relative;z-index:1}
#bbBay .bb-title{font-family:var(--bbmono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--bbink)}
#bbBay .bb-title b{color:var(--mint);font-weight:500}
#bbBay .bb-tog{display:inline-flex;border:1px solid var(--bbln);border-radius:11px;padding:3px;background:rgba(0,0,0,.25)}
#bbBay .bb-tog button{appearance:none;border:0;background:transparent;color:var(--bbmut);font-family:var(--bbmono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:8px;cursor:pointer;transition:.2s}
#bbBay .bb-tog button.on{background:var(--mint);color:#04231a}
#bbBay .bb-deck{display:grid;grid-template-columns:1.62fr 1fr;gap:clamp(24px,2.6vw,40px);position:relative;z-index:1}
#bbBay .bb-scope{position:relative;border:0;border-radius:0;padding:0;overflow:visible;background:none;
  --sc-bg:#4B5EFF;--sc-grid:rgba(255,255,255,.24);--sc-axis:rgba(255,255,255,.72);--sc-ink:#ffffff;--sc-s1:#CDF4E2;--sc-s2:#ffffff;--sc-ref:#FFD08A;--sc-s1f:#CDF4E2;--sc-s2f:rgba(255,255,255,.92);--sc-label:rgba(255,255,255,.97);--sc-note:#ffffff;--sc-val:#ffffff;--sc-zone:rgba(255,255,255,.09);--sc-halo:#4B5EFF;--sc-lw:1.8;--sc-lwr:1.3;--sc-mk:11}
#bbBay 
#bbBay .bb-scope svg{display:block;width:100%;height:auto}
#bbBay .bb-readout{display:flex;flex-direction:column;padding:2px 0 2px clamp(24px,2.6vw,40px);border-left:1px solid rgba(255,255,255,.22)}
#bbBay .bb-k{font-family:var(--bbmono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mint)}
#bbBay .bb-name{font-family:'Instrument Sans',sans-serif;font-size:1.35rem;font-weight:600;letter-spacing:-.01em;margin:4px 0 12px}
#bbBay .bb-what{color:var(--bbmut);line-height:1.55;font-size:.94rem}
#bbBay .bb-what b{color:var(--bbink);font-weight:600}
#bbBay .bb-div{height:1px;background:var(--bbln);margin:16px 0}
#bbBay .bb-take{color:var(--bbink);line-height:1.5;font-size:.94rem}
#bbBay .bb-take .hl{color:var(--mint)}
#bbBay .bb-stat{margin-top:auto;padding-top:18px}
#bbBay .bb-sk{font-family:var(--bbmono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
#bbBay .bb-sv{font-family:var(--bbmono);font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.05}
#bbBay .bb-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2vw,28px);margin-top:clamp(26px,2.8vw,38px);position:relative;z-index:1}
#bbBay .bb-chan{appearance:none;text-align:left;cursor:pointer;background:none;border:0;border-top:1px solid rgba(255,255,255,.26);border-radius:0;padding:11px 0 0;color:#fff;transition:border-color .22s ease,opacity .22s ease;font-family:inherit;opacity:.72}
#bbBay .bb-chan:hover{border-top-color:rgba(255,255,255,.75);opacity:1}
#bbBay .bb-chan .bb-cn{font-family:var(--bbmono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bbmut);display:flex;align-items:center;gap:7px}
#bbBay .bb-chan .bb-cn .bb-dot{width:6px;height:6px;border-radius:50%;background:var(--bbmut2)}
#bbBay .bb-chan .bb-ct{font-size:.9rem;font-weight:600;margin-top:6px;line-height:1.25}
#bbBay .bb-chan svg{display:block;width:100%;height:24px;margin-top:9px;overflow:visible}
#bbBay .bb-chan.active{border-top-color:#CDF4E2;opacity:1}
#bbBay .bb-chan.active .bb-cn{color:var(--mint)}
#bbBay .bb-chan.active .bb-cn .bb-dot{background:var(--mint);box-shadow:0 0 8px rgba(205,244,226,.7)}
#bbBay .bb-foot{margin-top:16px;color:var(--bbmut2);font-family:var(--bbmono);font-size:11px;letter-spacing:.06em;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#bbBay .bb-foot .bb-ph{color:var(--amber)}
@media(max-width:820px){#bbBay .bb-deck{grid-template-columns:1fr}#bbBay .bb-strip{grid-template-columns:1fr 1fr}}
/* svg themable elements */
#bbBay .gridline{stroke:var(--sc-grid);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .55s cubic-bezier(.22,1,.36,1)}
#bbBay .gridline.base{stroke:var(--sc-axis)}
#bbBay .bb-scope.on .gridline{stroke-dashoffset:0}
#bbBay .yaxis{stroke:var(--sc-axis);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s cubic-bezier(.22,1,.36,1)}
#bbBay .bb-scope.on .yaxis{stroke-dashoffset:0}
#bbBay .axis-lbl{fill:var(--sc-label);font-family:var(--bbmono);font-size:12px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .4s ease}
#bbBay .bb-scope.on .axis-lbl{opacity:1}
#bbBay .axis-name{opacity:0;transition:opacity .4s ease .5s}
#bbBay .bb-scope.on .axis-name{opacity:1}
#bbBay .axis-name{fill:var(--sc-label);font-family:var(--bbsans);font-size:12.5px;letter-spacing:0;text-transform:none}
#bbBay .refline{stroke:var(--sc-ref);stroke-width:var(--sc-lwr);stroke-dasharray:5 4;opacity:0;transition:opacity .5s ease 1.05s}
#bbBay .bb-scope.on .refline{opacity:.95}
#bbBay .reflbl{fill:var(--sc-ref);font-family:var(--bbsans);font-style:italic;font-weight:500;font-size:13px;opacity:0;transition:opacity .5s ease 1.2s}
#bbBay .bb-scope.on .reflbl{opacity:1}
#bbBay .bar{transform:scaleY(0);transform-box:fill-box;transform-origin:center bottom;transition:transform .7s cubic-bezier(.2,.85,.25,1) .35s}
#bbBay .bb-scope.on .bar{transform:scaleY(1)}
#bbBay .bar.s1{fill:var(--sc-s1f)} #bbBay .bar.s2{fill:var(--sc-s2f)}
#bbBay .barval{fill:var(--sc-val);font-family:var(--bbmono);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .4s ease}
#bbBay .bb-scope.on .barval{opacity:1}
#bbBay .barlbl{fill:var(--sc-val);font-family:var(--bbsans);font-weight:500;font-size:13px}
#bbBay .barsub{fill:var(--sc-label);font-family:var(--bbmono);font-size:11px}
#bbBay .halo{paint-order:stroke;stroke:var(--sc-halo);stroke-width:3.5px;stroke-linejoin:round;stroke-linecap:round}
#bbBay .trace{fill:none;stroke-width:var(--sc-lw);stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.15s cubic-bezier(.22,1,.36,1) .42s}
/* .rev draws from the far end of the path instead of the near end */
#bbBay .trace.rev{stroke-dashoffset:-1}
#bbBay .bb-scope.on .trace,#bbBay .bb-scope.on .trace.rev{stroke-dashoffset:0}
#bbBay .trace.s1{stroke:var(--sc-s1)} #bbBay .trace.s2{stroke:var(--sc-s2)}
#bbBay .areafill{opacity:0;transition:opacity .8s ease .75s;fill:var(--sc-s1f)}
#bbBay .bb-scope.on .areafill{opacity:.16}
#bbBay .bb-scope.light.on .areafill{opacity:.5}
#bbBay .mk{opacity:0;transition:opacity .45s ease 1.35s,transform .45s ease 1.35s;transform:scale(.4);transform-box:fill-box;transform-origin:center;fill:var(--sc-bg);stroke-width:2}
#bbBay .mk.refmk{stroke:var(--sc-ref)} #bbBay .mk.s1mk{stroke:var(--sc-s1)}
#bbBay .bb-scope.on .mk{opacity:1;transform:scale(1)}
#bbBay .mklbl{fill:var(--sc-note);font-family:var(--bbsans);font-style:italic;font-weight:500;font-size:13px;opacity:0;transition:opacity .5s ease 1.5s}
#bbBay .bb-scope.on .mklbl{opacity:1}
#bbBay .zone{fill:var(--sc-zone);opacity:0;transition:opacity .6s ease}
#bbBay .bb-scope.on .zone{opacity:1}
@keyframes mdraw{to{stroke-dashoffset:0}}
@keyframes mfade{to{opacity:var(--to,1)}}
@keyframes mgrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes mpop{to{opacity:1;transform:scale(1)}}
#bbBay .mspark{stroke-dasharray:1;stroke-dashoffset:1;animation:mdraw 1.05s cubic-bezier(.22,1,.36,1) .34s both}
#bbBay .mfill{opacity:0;animation:mfade .75s ease .68s both}
#bbBay .mbar{transform:scaleY(0);transform-box:fill-box;transform-origin:center bottom;animation:mgrow .65s cubic-bezier(.2,.85,.25,1) both}
#bbBay .mmk{opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;animation:mpop .45s ease .95s both}
#bbBay .mgrid{stroke-dasharray:1;stroke-dashoffset:1;animation:mdraw .45s cubic-bezier(.22,1,.36,1) both}
@media(prefers-reduced-motion:reduce){
  #bbBay .bar,#bbBay .trace,#bbBay .trace.rev,#bbBay .refline,#bbBay .reflbl,#bbBay .barval,#bbBay .mk,#bbBay .mklbl,#bbBay .areafill,#bbBay .zone,#bbBay .gridline,#bbBay .yaxis,#bbBay .axis-lbl,#bbBay .axis-name{transition:none!important;stroke-dashoffset:0!important;opacity:1!important}
  #bbBay .mspark,#bbBay .mfill,#bbBay .mbar,#bbBay .mmk,#bbBay .mgrid{animation:none!important;opacity:1!important;stroke-dashoffset:0!important;transform:none!important}
}

.pubbang{margin:0 auto;max-width:20ch;text-align:center;font-family:'Funnel Display',sans-serif;font-weight:700;font-size:clamp(3rem,6.4vw,5.4rem);letter-spacing:-0.02em;line-height:1.04;color:var(--ink);text-wrap:wrap}
.pubbang .acc-serif{font-size:1.02em}
@media(max-width:600px){.pubbang{font-size:clamp(2.05rem,8.8vw,3.1rem);max-width:15ch}}

  .mgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.2vw,32px);margin-top:clamp(30px,4vw,50px)}
  .mg-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(15,17,23,0.10);border-radius:18px;overflow:hidden;box-shadow:0 22px 50px -38px rgba(11,16,36,.5)}
  .mg-photo{position:relative;aspect-ratio:16/6;overflow:hidden;flex:none;display:flex;align-items:flex-end}.mg-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(11,16,36,.82) 0%,rgba(11,16,36,.45) 34%,rgba(11,16,36,0) 68%);z-index:1;pointer-events:none}
  .mg-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;animation:mDrift 26s ease-in-out infinite alternate;will-change:transform}.mg-card:nth-child(2) .mg-photo img{animation-duration:30s;animation-delay:-7s}.mg-card:nth-child(3) .mg-photo img{animation-duration:23s;animation-delay:-13s}.mg-card:nth-child(4) .mg-photo img{animation-duration:28s;animation-delay:-4s}
  
  .mg-body{padding:clamp(16px,1.6vw,24px) clamp(16px,1.6vw,26px) clamp(18px,1.8vw,24px);display:flex;flex-direction:column;flex:1}
  .mg-title{position:relative;z-index:2;font-family:'Funnel Display',sans-serif;font-weight:600;font-size:clamp(1.12rem,1.35vw,1.35rem);line-height:1.2;letter-spacing:-0.01em;color:#fff;margin:0;padding:0 clamp(16px,1.6vw,26px) clamp(13px,1.2vw,17px);text-shadow:0 1px 14px rgba(11,16,36,.5)}
  .mg-sub{font-size:.9rem;line-height:1.45;color:var(--ink-soft);margin:0 0 15px}.mg-body{padding-top:clamp(14px,1.3vw,18px)}
  .mg-points{gap:9px}
  .mg-points li{font-size:.88rem}
  .mg-cta{margin-top:auto;padding-top:16px;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:.9rem;color:var(--teal-deep);text-decoration:none}
  .mg-cta:hover{text-decoration:underline;text-underline-offset:4px}


  .method{justify-content:center;align-items:stretch;text-align:left;padding:20px;min-height:var(--cardh)}
  .mth-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;transform:translateY(calc(-1 * clamp(16px,1.8vw,28px)));transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .method:hover .mth-in,.method:focus-visible .mth-in{transform:translateY(0)}
  @media(prefers-reduced-motion:reduce){.mth-in{transition:none}}
  .mth-chev{color:#fff;font-size:26px;margin-bottom:6px;transition:color .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
  .method:hover .mth-chev,.method:focus-visible .mth-chev{color:#CDF4E2;transform:translate(3px,31.5px)}
  .mth-title{font-family:'Funnel Display',sans-serif;font-weight:600;font-size:clamp(1.32rem,1.62vw,1.72rem);line-height:1.16;letter-spacing:-0.01em;color:#fff;margin:0;min-height:2.32em;text-shadow:0 1px 10px rgba(0,0,0,.42)}
  .mth-tt{position:relative;display:inline-block}
  .mth-tt::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#CDF4E2;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.22,1,.36,1)}
  .method:hover .mth-tt::after,.method:focus-visible .mth-tt::after{transform:scaleX(1)}
  @media(prefers-reduced-motion:reduce){.mth-tt::after{transition:none}}
  .mth-sub{margin:5px 0 11px;font-size:1.2rem;line-height:1.45;color:#fff;opacity:.92}
  .mth-points{list-style:none;margin:0 0 2px;padding:0;display:flex;flex-direction:column;gap:7px}
  .mth-points li{position:relative;padding-left:24px;font-size:.88rem;line-height:1.4;color:#fff}
  .mth-points li::before{content:"✓";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:#CDF4E2;color:#0b1024;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
  
  .method:focus-visible{outline:none;flex-grow:2.4;box-shadow:0 20px 44px rgba(15,17,23,.08),inset 0 0 0 2px #2940FF}
  .method:focus-visible::after{opacity:.9}
  .method:focus-visible .m-desc{opacity:1;max-height:240px;margin-top:14px}

  @media(min-width:761px) and (max-width:1150px){.doors{--cardh:clamp(296px,28.9vw,303px)}.mth-title{font-size:1.18rem}.mth-sub{font-size:.86rem;margin:4px 0 9px}.mth-points li{font-size:.82rem;padding-left:22px}.mth-points{gap:6px}.method{padding:18px}}
  @media(max-width:760px){.doors{--cardh:clamp(217px,57.8vw,275px)}}
  .mgrid .reveal{transition-delay:var(--d,0ms)}
  .mg-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,opacity .7s ease}
  .mg-card:hover{transform:translateY(-5px);box-shadow:0 34px 70px -40px rgba(11,16,36,.62)}
  .mg-photo::after{transition:opacity .45s ease}
  .mg-card:hover .mg-photo::after{opacity:.78}
  .mg-idx{position:absolute;top:12px;right:15px;z-index:2;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.5);transition:color .35s ease}
  .mg-card:hover .mg-idx{color:#CDF4E2}
  .mg-title{transition:transform .45s cubic-bezier(.22,1,.36,1)}
  .mg-card:hover .mg-title{transform:translateY(-3px)}
  .mg-tt{position:relative;display:inline-block}
  .mg-tt::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#CDF4E2;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .mg-card:hover .mg-tt::after{transform:scaleX(1)}
  .mg-points li{opacity:0;transform:translateY(7px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}
  .mg-card.in .mg-points li{opacity:1;transform:none}
  .mg-card.in .mg-points li:nth-child(1){transition-delay:calc(var(--d,0ms) + 180ms)}
  .mg-card.in .mg-points li:nth-child(2){transition-delay:calc(var(--d,0ms) + 270ms)}
  .mg-card.in .mg-points li:nth-child(3){transition-delay:calc(var(--d,0ms) + 360ms)}
  .mg-cta .rgly{transition:transform .35s cubic-bezier(.22,1,.36,1)}
  .mg-card:hover .mg-cta .rgly{transform:translateX(4px)}
  @media(prefers-reduced-motion:reduce){.mg-photo img{animation:none}.mg-card,.mg-title,.mg-tt::after,.mg-points li,.mg-cta .rgly{transition:none}.mg-points li{opacity:1;transform:none}.mg-card:hover{transform:none}}
  @media(max-width:760px){.mgrid{grid-template-columns:1fr;gap:18px}.mg-photo{aspect-ratio:16/7}}

  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .ins-cta{margin-top:clamp(52px,5.8vw,88px);display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center}
  .ic-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;max-width:530px}
  .ic-inp{flex:1 1 250px;min-width:0;padding:13px 17px;border-radius:14px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.12);color:#fff;font-family:'Instrument Sans',sans-serif;font-size:15px;transition:border-color .25s ease,background .25s ease}
  .ic-inp::placeholder{color:rgba(255,255,255,.62)}
  .ic-inp:focus{outline:none;border-color:#CDF4E2;background:rgba(255,255,255,.18)}
  .ic-inp[aria-invalid="true"]{border-color:#ffd0d0}
  .ic-btn{flex:0 0 auto;font-size:17px;font-weight:600;padding:17px 34px;display:inline-flex;align-items:center;gap:9px;border:none;cursor:pointer}
  .ic-note{margin:0;font-family:'Instrument Sans',sans-serif;font-size:13px;color:rgba(255,255,255,.72)}
  .ic-msg{margin:0;font-family:'Instrument Sans',sans-serif;font-size:13px;color:#CDF4E2;min-height:1.1em}
  @media(max-width:760px){.ins-cta{margin-top:26px}}

.sub .sub-l{display:block;text-wrap:wrap}

@media(min-width:760px){.belief h2 .hl-a,.belief h2 .hl{display:block}.belief h2 .hl-a{display:block}}a.isl{text-decoration:none;color:inherit}a.isl :where(h3,p,span,mark){text-decoration:none}

@media(max-width:600px){.belief .lede{font-size:.95rem;line-height:1.55}}.mth-dots{display:none}@media(max-width:760px){.mth-dots{display:flex;justify-content:center;gap:9px;margin-top:16px}.mth-dots .ifd{background:rgba(41,64,255,.26)}.mth-dots .ifd.on{background:var(--teal-deep)}}

@media(max-width:760px){.mth-title{font-size:1.5rem}.mth-sub{font-size:1.02rem;line-height:1.42;margin:7px 0 13px}.method::after{opacity:.6}}

.belief h2 .u{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:0.06em;text-underline-offset:0.1em}

#insights,#how,#benchmark,#contact{scroll-margin-top:84px}

@media(min-width:761px){.stage .col.left .cyc-word{direction:rtl!important;text-align:right!important}.stage .col.left .cyc-word .cw-ln{text-align:right!important}}
#insights .ins-acc{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:1.05em;text-decoration:underline;text-decoration-color:#CDF4E2;text-decoration-thickness:0.06em;text-underline-offset:0.08em;color:#fff}
#insights h2 .dot{color:#CDF4E2}
#bbBay .bb-mini{background:#fff;border-radius:8px;height:94px;margin-top:10px;padding:5px 7px;overflow:hidden}
#bbBay .bb-mini svg{display:block;width:100%;height:100%;margin:0}

@media(min-width:821px){#bbBay .bb-deck{grid-template-columns:3.1fr 1fr}}
#bbBay.bb-dark .bb-mini{background:#0b1024}
#bbBay .bb-chan{position:relative}
#bbBay .bb-chan:hover{transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(0,0,0,.6);border-color:rgba(205,244,226,.6);background:rgba(205,244,226,.07)}
#bbBay .bb-go{position:absolute;top:10px;right:11px;width:12px;height:12px;color:var(--bbmut2);opacity:.5;transition:color .2s ease,opacity .2s ease}
#bbBay .bb-go svg{width:100%;height:100%;display:block}
#bbBay .bb-chan:hover .bb-go{color:var(--mint);opacity:1}
#bbBay .bb-chan.active .bb-go{color:var(--mint);opacity:1}
.ifeed-dots{display:none}
@media(max-width:820px){.ifeed-dots{display:flex;justify-content:center;gap:9px;margin-top:16px}
.ifd{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.42);cursor:pointer;transition:.28s}
.ifd.on{background:#fff;width:24px;border-radius:4px}}

#bbBay .bb-chan:hover .bb-cn{color:var(--mint)}.contact h2 .ux{text-decoration-color:var(--teal-deep)}

.rd .retic i{width:9px;height:9px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%202000%202000%27%3E%3Crect%20fill%3D%27%23CDF4E2%27%20x%3D%27-107.58%27%20y%3D%27603.61%27%20width%3D%272215.17%27%20height%3D%27792.78%27%20rx%3D%27201.51%27%20ry%3D%27201.51%27%20transform%3D%27translate%281000%20-414.21%29%20rotate%2845%29%27%2F%3E%3Crect%20fill%3D%27%23CDF4E2%27%20x%3D%27-107.58%27%20y%3D%27603.61%27%20width%3D%272215.17%27%20height%3D%27792.78%27%20rx%3D%27201.51%27%20ry%3D%27201.51%27%20transform%3D%27translate%282414.2136%201000%29%20rotate%28135%29%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;border:0!important;opacity:.85}

.lock img.logo-img{display:block;height:54px;width:auto}footer .lock img.logo-img{height:64px}.logo-white{filter:brightness(0) invert(1)}

@media(max-width:760px){
  .stage{grid-template-columns:1fr 1fr!important;grid-template-areas:"left right" "center center"!important;column-gap:0!important;row-gap:14px!important;align-items:stretch!important}
  .stage .col.left{grid-area:left!important;align-items:center!important;justify-content:flex-start!important;border-right:1.5px solid rgba(41,64,255,0.16);padding-right:16px}
  .stage .col.right{grid-area:right!important;align-items:center!important;justify-content:flex-start!important;padding-left:16px}
  .stage .centercol{grid-area:center!important;margin-top:2px}
  .stage .sidebox{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:none!important;margin:0!important}
  .stage .col.left .cycle,.stage .col.right .cycle{display:flex!important;flex-direction:column!important;min-height:auto!important;gap:0!important;order:0!important}
  .stage .col .cyc-word{order:0!important;text-align:center!important;font-size:clamp(1.35rem,5.4vw,1.9rem)!important;white-space:normal!important;line-height:1.06}
  .stage .col .lbl{order:1!important;text-align:center!important;margin-top:9px!important;margin-bottom:0!important;font-size:13px!important}
  .stage .col .flow{display:none!important}
  .stage .centercol::before{content:'';display:block;width:12px;height:12px;margin:0 auto 14px;border-right:2.5px solid #2940FF;border-bottom:2.5px solid #2940FF;transform:rotate(45deg);opacity:.4;animation:cycFade4 .5s ease 1.55s both,flowp 1.5s ease-in-out 2.05s infinite}
  .core{order:0!important}
}

@keyframes islDrift{from{transform:scale(1.05) translateX(1.6%)}to{transform:scale(1.18) translateX(-2%)}}
.isl-photo{animation:islDrift 17s ease-in-out infinite alternate;will-change:transform;transform-origin:50% 100%}
.isl.i2 .isl-photo{animation-duration:20s;animation-delay:-6s}
.isl.i3 .isl-photo{animation-duration:18.5s;animation-delay:-11s}
@media(prefers-reduced-motion:reduce){.isl-photo{animation:none}}

.howhead .imecnote{grid-column:2;grid-row:1 / span 2;align-self:center;margin-top:0}
.howhead .hh-more{grid-column:1 / -1;grid-row:3;margin-top:clamp(14px,2vw,20px)}
.howhead .hh-panel .lede{border-left:0;padding-left:0;max-width:78ch;margin-top:12px}
.hh-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:9px 0;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:.98rem;color:var(--ink-soft);letter-spacing:0;transition:color .2s}
.hh-toggle:hover{color:var(--ink)}
.hh-chev{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-family:'Instrument Sans',sans-serif;font-size:1.05em;line-height:1;transition:transform .32s ease}.hh-chev svg{width:15px;height:15px;display:block}
.hh-more.open .hh-chev{transform:rotate(180deg)}
.hh-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .32s ease}
.hh-panel>div{overflow:hidden;min-height:0}
.hh-more.open .hh-panel{grid-template-rows:1fr;opacity:1}
@media(max-width:860px){.howhead{grid-template-columns:1fr}.howhead>*{grid-column:1 !important;grid-row:auto !important}.howhead .imecnote{align-self:start}}

/* --- benchmark section now sits ON the blue band --- */
#how .hh-title h2, #how h2{color:#fff}
#how h2 .u{text-decoration-color:#CDF4E2}
#how h2 .dot{color:#CDF4E2}
#how .hh-sub{color:rgba(255,255,255,0.82)}
#how .howhead .lede{color:rgba(255,255,255,0.78);border-left-color:rgba(255,255,255,0.22)}
#how .imecnote{color:#fff;border-left-color:#CDF4E2}
#how .imecnote b{color:#CDF4E2}
#how .hh-toggle{color:rgba(255,255,255,0.78)}
#how .hh-toggle:hover{color:#fff}
/* --- insights now sits on cream --- */
.ins h2{color:var(--ink)}
#insights h2 .dot{color:var(--teal)}
.ins .isl-title .t-dot{color:inherit}
#insights .ins-acc{text-decoration-color:var(--teal)}
.ins .top p{color:var(--ink-soft)}
.ins .ifeed-dots .ifd{background:rgba(41,64,255,.26)}
.ins .ifeed-dots .ifd.on{background:var(--teal-deep)}
.ins .isl{box-shadow:0 8px 26px rgba(11,16,36,.16),0 0 0 1px rgba(15,17,23,.06)}
.ins-cta .ic-inp{border-color:var(--line-2);background:#fff;color:var(--ink)}
.ins-cta .ic-inp::placeholder{color:var(--muted)}
.ins-cta .ic-inp:focus{border-color:var(--teal-deep);background:#fff}
.ins-cta .ic-note{color:var(--ink-soft)}
.ins-cta .ic-msg{color:var(--teal-deep)}
#insights .ins-acc{color:var(--ink)}
.ins{padding-top:clamp(56px,6vw,96px)}
/* the convening line now lives on the blue band */
.convline{margin-top:clamp(4px,0.6vw,10px);margin-bottom:clamp(18px,2.4vw,34px);text-align:center}
.convline p{max-width:48ch;margin:0 auto;color:rgba(255,255,255,0.82);font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:clamp(1.05rem,1.4vw,1.24rem);line-height:1.5;text-wrap:wrap}
.convline .cv-acc{color:#CDF4E2}
#how .imecnote .cv-acc{color:#CDF4E2;font-weight:600}
#how .how{padding-bottom:0}
@media(min-width:900px){.contact h2{margin-top:-132px}}
.belief h2 .hl-a{white-space:nowrap;display:block}
@media(max-width:440px){.belief h2{font-size:clamp(.9rem,5.5vw,1.45rem)}}
@media(max-width:600px){.contact h2{font-size:clamp(2.05rem,8.8vw,3.1rem);white-space:normal}}
#bbBay .bb-cap{position:relative;z-index:1;margin:0 0 clamp(22px,2.6vw,30px);display:grid;grid-template-columns:max-content 1fr;gap:clamp(20px,2.2vw,34px);align-items:stretch}
#bbBay .bb-ask{border-left:1px solid var(--bbln);padding-left:clamp(20px,2.2vw,34px);display:flex;flex-direction:column;justify-content:center}
#bbBay .bb-lead{font-family:'Funnel Display',sans-serif;font-weight:400;font-size:clamp(1.5rem,2.2vw,2.05rem);line-height:1.2;letter-spacing:-0.015em;color:var(--bbink);margin:0;display:flex;align-items:flex-start;gap:clamp(12px,1.1vw,18px)}
#bbBay .bb-arrow{color:var(--mint);font-size:1.05em;flex:none;justify-content:flex-start;width:auto}
#bbBay .bb-leadtx{display:block}
#bbBay .bb-head{justify-content:flex-end}
#bbBay .bb-readout .bb-title{margin-bottom:11px}
#bbBay .bb-q{font-family:'Funnel Display',sans-serif;font-weight:600;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.16;letter-spacing:-0.01em;color:var(--bbink);margin:0;text-wrap:wrap}
#bbBay .bb-qm{color:var(--bbink)}
#bbBay .bb-sub{font-family:var(--bbsans);font-size:13px;line-height:1.55;color:var(--bbmut);margin:7px 0 0}
#bbBay .bb-sub a{color:var(--mint);text-decoration:none;border-bottom:1px solid rgba(205,244,226,.4);padding-bottom:1px;white-space:nowrap;transition:border-color .2s}
#bbBay .bb-sub a:hover{border-bottom-color:var(--mint)}
@media(max-width:760px){#bbBay .bb-sub{font-size:12.5px}
#bbBay .bb-cap{grid-template-columns:auto 1fr;column-gap:clamp(12px,1.1vw,18px);row-gap:14px;align-items:start}
#bbBay .bb-lead{display:contents}
#bbBay .bb-arrow{grid-column:1;grid-row:1}
#bbBay .bb-leadtx{grid-column:2;grid-row:1}
#bbBay .bb-ask{grid-column:2;grid-row:2;border-left:0;border-top:0;padding-left:0;padding-top:0}
#bbBay .bb-lead .bblb{display:none}}
#how .hh-sub .uline{text-decoration-color:#CDF4E2}
@media(max-width:760px){.convline{margin-top:clamp(30px,5vw,44px);margin-bottom:clamp(18px,2.4vw,34px)}}

.belief{position:relative}
.belief .binner{position:relative;z-index:1}
.brings{position:absolute;top:50%;left:50%;height:230%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;pointer-events:none;overflow:visible}
.brings .brg path{fill:#141a38}
.brings .brt{fill:rgba(238,240,247,0.085)}
.brings .brg{transform-origin:1000px 1000px;transform-box:view-box}
@keyframes brSpin{to{transform:rotate(360deg)}}
.brings .brg-o{animation:brSpin 150s linear infinite}
.brings .brg-i{animation:brSpin 60s linear infinite}
@media(prefers-reduced-motion:reduce){.brings .brg{animation:none}}

.gapviz{position:relative;left:50%;transform:translateX(-50%);width:100vw;margin-top:clamp(22px,3vw,44px);pointer-events:none}
.gapviz svg{display:block;width:100%;height:clamp(260px,31vw,460px);overflow:hidden}
.floor line{stroke:rgba(255,255,255,.10);stroke-width:1}
.seat{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1;stroke-dasharray:7 6}
.bx .fc-t{fill:rgba(255,255,255,.15);stroke:rgba(255,255,255,.34);stroke-width:.8}
.bx .fc-l{fill:rgba(255,255,255,.075);stroke:rgba(255,255,255,.34);stroke-width:.8}
.bx .fc-r{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.34);stroke-width:.8}
.bx .sil{fill:none;stroke:rgba(255,255,255,.78);stroke-width:1.9;stroke-linejoin:round}
.cdot{fill:rgba(255,255,255,.9)}
.bxl{fill:rgba(255,255,255,.72);font-family:"Geist Mono",ui-monospace,monospace;font-size:13px;letter-spacing:.2em}
.bx .fc-t{animation:flashT 6s ease-in-out infinite}
.bx .fc-l{animation:flashL 6s ease-in-out infinite}
.bx .fc-r{animation:flashR 6s ease-in-out infinite}
.bx .sil{animation:flashS 6s ease-in-out infinite}
@keyframes flashT{0%,52%{fill:rgba(255,255,255,.15);stroke:rgba(255,255,255,.34)}56%{fill:rgba(205,244,226,.38);stroke:rgba(205,244,226,.8)}66%{fill:rgba(205,244,226,.20);stroke:rgba(205,244,226,.5)}78%,100%{fill:rgba(255,255,255,.15);stroke:rgba(255,255,255,.34)}}
@keyframes flashL{0%,52%{fill:rgba(255,255,255,.075);stroke:rgba(255,255,255,.34)}56%{fill:rgba(205,244,226,.26);stroke:rgba(205,244,226,.8)}66%{fill:rgba(205,244,226,.13);stroke:rgba(205,244,226,.5)}78%,100%{fill:rgba(255,255,255,.075);stroke:rgba(255,255,255,.34)}}
@keyframes flashR{0%,52%{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.34)}56%{fill:rgba(205,244,226,.17);stroke:rgba(205,244,226,.8)}66%{fill:rgba(205,244,226,.08);stroke:rgba(205,244,226,.5)}78%,100%{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.34)}}
@keyframes flashS{0%,52%{stroke:rgba(255,255,255,.78)}56%{stroke:#CDF4E2}66%{stroke:rgba(205,244,226,.85)}78%,100%{stroke:rgba(255,255,255,.78)}}
@keyframes bxShift{0%,32%{filter:none}33%{filter:drop-shadow(5px 0 #5a6cff) drop-shadow(-5px 0 #2940ff)}34.5%{filter:drop-shadow(-5px 0 #2940ff) drop-shadow(5px 0 #5a6cff)}36%{filter:drop-shadow(3px 0 #5a6cff)}37.5%{filter:drop-shadow(-3px 0 #2940ff)}39%,100%{filter:none}}
.bxs-ai{animation:slideR 6s cubic-bezier(.16,.9,.2,1) infinite}
.bx-ai{animation:jitR 6s steps(1,end) infinite, bxShift 6s steps(1,end) infinite}
.bxs-hw{animation:slideL 6s cubic-bezier(.16,.9,.2,1) infinite}
.bx-hw{animation:jitL 6s steps(1,end) infinite, bxShift 6s steps(1,end) infinite}
@keyframes jitR{0%,32%{transform:translate(0,0);opacity:1}33%{transform:translate(-7px,36.0px);opacity:.7}34.5%{transform:translate(9px,30.0px);opacity:1}36%{transform:translate(-5px,35.0px);opacity:.82}37.5%{transform:translate(4px,31.0px);opacity:1}39%,100%{transform:translate(0,0);opacity:1}}
@keyframes jitL{0%,32%{transform:translate(0,0);opacity:1}33%{transform:translate(7px,30.0px);opacity:.7}34.5%{transform:translate(-9px,36.0px);opacity:1}36%{transform:translate(5px,31.0px);opacity:.82}37.5%{transform:translate(-4px,35.0px);opacity:1}39%,100%{transform:translate(0,0);opacity:1}}
@keyframes slideR{0%{transform:translateX(-1050px);opacity:0}4%{opacity:1}32%,80%{transform:translateX(0);opacity:1}92%,100%{transform:translateX(0);opacity:0}}
@keyframes slideL{0%{transform:translateX(1050px);opacity:0}4%{opacity:1}32%,80%{transform:translateX(0);opacity:1}92%,100%{transform:translateX(0);opacity:0}}
.gvoid{fill:#CDF4E2;stroke:none;opacity:0;animation:gGlow 6s ease-in-out infinite}
@keyframes gGlow{0%,52%{opacity:0}56%{opacity:.34}66%{opacity:.30}78%{opacity:0}100%{opacity:0}}
.gpline{stroke:#CDF4E2;stroke-width:2.5;stroke-dasharray:200;stroke-dashoffset:200;opacity:0;animation:gProbe 6s cubic-bezier(.3,.7,.2,1) infinite}
@keyframes gProbe{0%,40%{stroke-dashoffset:200;opacity:0}41%{opacity:1}52%{stroke-dashoffset:0;opacity:1}55%{stroke-dashoffset:0;opacity:1}59%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.bx .fc-t,.bx .fc-l,.bx .fc-r,.bx .sil{animation:none}.bxs-ai,.bxs-hw,.bx-ai,.bx-hw,.gvoid,.gpline{animation:none;transform:none;opacity:1;stroke-dashoffset:0}.gvoid{opacity:.26}}

.mch .f-t{fill:#3D52FF}.mch .f-l{fill:#e6dfd2}.mch .f-r{fill:#cdc4b2}
.mch path{stroke:#0b1024;stroke-width:1.4;stroke-linejoin:round}
.win-g{fill:url(#winglass);opacity:1}
.win-r{fill:none;stroke:#2a3350;stroke-width:1.6;stroke-linejoin:round;stroke-opacity:0.9}
.scan-f{fill:#CDF4E2;opacity:0;animation:scanPulse 6s ease-in-out infinite}
@keyframes scanPulse{0%,44%{opacity:0}50%{opacity:.85}58%{opacity:.5}70%{opacity:0}100%{opacity:0}}
.belt-s{fill:rgba(255,255,255,.13);stroke:none}
.belt .gd{stroke:rgba(255,255,255,.4);stroke-width:1.2;stroke-dasharray:9 8}
.cr-b .f-t{fill:#fffdf7}.cr-b .f-l{fill:#e6dfd2}.cr-b .f-r{fill:#cdc4b2}
.cr-b path{stroke:#0b1024;stroke-width:1.2;stroke-linejoin:round}
.cr-l{fill:#fff;font-family:"Geist Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.16em;text-anchor:middle}
.c-l{animation:runL 6s cubic-bezier(.35,0,.65,1) infinite}
.c-r{animation:runR 6s cubic-bezier(.35,0,.65,1) infinite}
@keyframes runL{0%{transform:translate(-40px,471.0px);opacity:0}6%{opacity:1}44%{transform:translate(613px,327.0px);opacity:1}50%{transform:translate(655px,315.0px);opacity:0}100%{opacity:0}}
@keyframes runR{0%{transform:translate(1640px,471.0px);opacity:0}6%{opacity:1}44%{transform:translate(987px,327.0px);opacity:1}50%{transform:translate(945px,315.0px);opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.c-l,.c-r,.scan-f,}

.floor line{stroke:rgba(11,16,36,.16)}
.bl-t{fill:#efe9dd;stroke:#0b1024;stroke-width:1.3;stroke-linejoin:round}
.port{fill:#0b1024;stroke:#0b1024;stroke-width:1.2}
.cr-b .f-t{fill:#CDF4E2}.cr-b .f-l{fill:#a9d6c2}.cr-b .f-r{fill:#8fbda9}
.cr-b path{stroke:#0b1024;stroke-width:1.2;stroke-linejoin:round}
.cr-l{fill:#fff;font-family:"Geist Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-anchor:middle}
.crate{opacity:0}
.c-l{animation:runL 6s linear infinite}
.c-r{animation:runR 6s linear infinite}
@keyframes runL{0%{transform:translate(-24px,496.0px);opacity:0}5%{opacity:1}80%{transform:translate(637px,317.0px);opacity:1}86%{transform:translate(691px,302.0px);opacity:0}100%{opacity:0}}
@keyframes runR{0%{transform:translate(1624px,496.0px);opacity:0}5%{opacity:1}80%{transform:translate(963px,317.0px);opacity:1}86%{transform:translate(909px,302.0px);opacity:0}100%{opacity:0}}
.scan-f{fill:#CDF4E2;opacity:0;animation:scanPulse 2s ease-out infinite}
@keyframes scanPulse{0%,72%{opacity:0}80%{opacity:.9}88%{opacity:.45}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.crate,.scan-f{animation:none;opacity:1}}

.bl-t{fill:#efe9dd;stroke:#0b1024;stroke-width:1.3;stroke-linejoin:round}
@keyframes runL{0%{transform:translate(-311px,606.0px);opacity:0}8%{opacity:1}82%{transform:translate(654px,342.0px);opacity:1}90%{transform:translate(716px,325.0px);opacity:0}100%{opacity:0}}
@keyframes runR{0%{transform:translate(1911px,606.0px);opacity:0}8%{opacity:1}82%{transform:translate(946px,342.0px);opacity:1}90%{transform:translate(884px,325.0px);opacity:0}100%{opacity:0}}
.belief h2{line-height:0.95}

.c-l{animation:runL 10s linear infinite}
.c-r{animation:runR 10s linear infinite}
@keyframes runL{0%{transform:translate(-359px,634.0px);opacity:0}6%{opacity:1}84%{transform:translate(654px,356.0px);opacity:1}91%{transform:translate(712px,340.0px);opacity:0}100%{opacity:0}}
@keyframes runR{0%{transform:translate(1959px,634.0px);opacity:0}6%{opacity:1}84%{transform:translate(946px,356.0px);opacity:1}91%{transform:translate(888px,340.0px);opacity:0}100%{opacity:0}}

.c-l{animation:runL 16.0s linear infinite}
.c-r{animation:runR 16.0s linear infinite}
@keyframes runL{0%{transform:translate(-359px,604.0px);opacity:0}5%{opacity:1}85%{transform:translate(654px,326.0px);opacity:1}90%{transform:translate(684px,318.0px);opacity:0}100%{opacity:0}}
@keyframes runR{0%{transform:translate(1959px,604.0px);opacity:0}5%{opacity:1}85%{transform:translate(946px,326.0px);opacity:1}90%{transform:translate(916px,318.0px);opacity:0}100%{opacity:0}}
.scan-f{animation-duration:3.2s}

.crate{opacity:1}
.c-l{animation:runL 16.0s linear infinite}
.c-r{animation:runR 16.0s linear infinite}
@keyframes runL{0%{transform:translate(-359px,618.0px)}100%{transform:translate(718px,324.0px)}}
@keyframes runR{0%{transform:translate(1959px,618.0px)}100%{transform:translate(882px,324.0px)}}

.gapviz svg{height:clamp(300px,48.7vw,700px)}
.c-l{animation:runL 16.0s linear infinite}
.c-r{animation:runR 16.0s linear infinite}
@keyframes runL{0%{transform:translate(-342px,1039.0px)}100%{transform:translate(718px,427.0px)}}
@keyframes runR{0%{transform:translate(1942px,1039.0px)}100%{transform:translate(882px,427.0px)}}

.c-l{animation:runL 12.0s linear infinite backwards}
.c-r{animation:runR 12.0s linear infinite backwards}
.fprint{fill:none;stroke:#f2ede2;stroke-width:1.4;stroke-dasharray:none}
@keyframes runL{0%{transform:translate(-342px,1048px)}100%{transform:translate(718px,436px)}}
@keyframes runR{0%{transform:translate(1942px,1048px)}100%{transform:translate(882px,436px)}}

.c-l{animation:runL 16.0s linear infinite backwards}
.c-r{animation:runR 16.0s linear infinite backwards}
@keyframes runL{0%{transform:translate(-342px,1062px)}100%{transform:translate(718px,450px)}}
@keyframes runR{0%{transform:translate(1942px,1062px)}100%{transform:translate(882px,450px)}}

.panel .f-t{fill:#efe9dd}.panel .f-l{fill:#d8d0c0}.panel .f-r{fill:#bdb4a2}
.panel path{stroke:#0b1024;stroke-width:1.3;stroke-linejoin:round}
.k-slot{fill:#CDF4E2;stroke:#0b1024;stroke-width:1.1}
.k-dot{fill:#fffdf7;stroke:#0b1024;stroke-width:1.1}
.k-scr{fill:none;stroke:#0b1024;stroke-width:1.1;stroke-dasharray:4 4}
.cr-f{fill:#0b1024;font-family:"Geist Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-anchor:middle;dominant-baseline:middle}
.die{fill:none;stroke:#0b1024;stroke-width:1.1}
.die-l{stroke:#0b1024;stroke-width:.8;opacity:.5}

.bolt{fill:#f3eee6;stroke:#0b1024;stroke-width:1.2}
.bolt-s{stroke:#0b1024;stroke-width:1.4;opacity:.75}
.c-dial{fill:#efe9dd;stroke:#0b1024;stroke-width:1.2}
.c-arc{fill:none;stroke:#CDF4E2;stroke-width:4;stroke-linecap:round}
.c-nd{stroke:#0b1024;stroke-width:1.4}
.c-knob{fill:#fffdf7;stroke:#0b1024;stroke-width:1.2}
.c-slot{fill:#CDF4E2;stroke:#0b1024;stroke-width:1.1}
.c-cap{fill:#fffdf7;stroke:#0b1024;stroke-width:1.2}
.c-tg{fill:#0b1024;stroke:#0b1024;stroke-width:1}
.c-tgl{stroke:#fffdf7;stroke-width:2.4;stroke-linecap:round}

.gapviz{overflow:hidden}
.gapviz svg{overflow:visible}
.q-dark{fill:#0b1024}.q-lite{fill:#f3eee6}
.q-ring{fill:none;stroke:#0b1024;stroke-width:1.4}
.c-btn{fill:#CDF4E2;stroke:#0b1024;stroke-width:1.2}
.c-btnw{fill:#a9d6c2;stroke:#0b1024;stroke-width:1.2;stroke-linejoin:round}

.c-face{fill:#fffdf7;stroke:#0b1024;stroke-width:1.2}
.c-tick{stroke:#0b1024;stroke-width:1;opacity:.55}
.c-hand{stroke:#CDF4E2;stroke-width:2.6;stroke-linecap:round}
.c-hub{fill:#0b1024}
.c-sweep .c-hand{transform-origin:0 0;animation:sweep var(--d,5s) linear infinite}
@keyframes sweep{to{transform:rotate(360deg)}}

.cb-d{fill:#8fbda9;stroke:#0b1024;stroke-width:1.2}
.cb-i{fill:none;stroke:#0b1024;stroke-width:.9;opacity:.55}
.cb-p{stroke:#0b1024;stroke-width:1.6;opacity:.85;stroke-linecap:butt}

.foot.c-l{animation:runL 28.8s linear infinite backwards}
.foot.c-r{animation:runR 28.8s linear infinite backwards}

.mdl-i{fill:none;stroke:#0b1024;stroke-width:2.4}

.combo .f-t{fill:#dff3ea}.combo .f-l{fill:#a9d6c2}.combo .f-r{fill:#8fbda9}
.combo path{stroke:#0b1024;stroke-width:1.1;stroke-linejoin:round}
.combo .cb-p{stroke:#0b1024;stroke-width:1.4;opacity:.8}
.combo-pos{animation:comboIn 4.8s ease-in-out 0.92s infinite backwards}
@keyframes comboIn{0%{opacity:0;transform:translate(800px,345px)}10%{opacity:0;transform:translate(800px,345px)}38%{opacity:1;transform:translate(800px,301px)}58%{opacity:1;transform:translate(800px,301px)}86%{opacity:0;transform:translate(800px,345px)}100%{opacity:0;transform:translate(800px,345px)}}
.sl{stroke:#CDF4E2;stroke-width:2;opacity:.55}
.scan-sweep{animation:sweepGlass 3.2s linear infinite}
@keyframes sweepGlass{0%,16%{transform:translate(640px,297px);opacity:0}22%{opacity:.55}48%{opacity:.55}54%{transform:translate(960px,113px);opacity:0}100%{transform:translate(960px,113px);opacity:0}}

.crate.c-l{animation-duration:28.8s}
.crate.c-r{animation-duration:28.8s}
.combo-pos{animation:comboIn 4.8s ease-in-out 0.92s infinite backwards}
.scan-sweep{animation:sweepGlass 4.8s linear 2.2s infinite backwards}
@keyframes comboIn{0%{opacity:0;transform:translate(800px,345px)}10%{opacity:0;transform:translate(800px,345px)}38%{opacity:1;transform:translate(800px,301px)}58%{opacity:1;transform:translate(800px,301px)}86%{opacity:0;transform:translate(800px,345px)}100%{opacity:0;transform:translate(800px,345px)}}
@keyframes sweepGlass{0%,18%{transform:translate(640px,297px);opacity:0}24%{opacity:.55}62%{opacity:.55}70%{transform:translate(960px,113px);opacity:0}100%{transform:translate(960px,113px);opacity:0}}

.mch .f-t{fill:#3D52FF}
.mch .f-l{fill:#2940FF}
.mch .f-r{fill:#1f33d6}
.gapviz{background:transparent}

.hero .gapviz{margin-top:-59px}


.mch,.mbolts{transform-box:view-box;transform-origin:800px 278px;animation:mchOpen .45s cubic-bezier(.2,.9,.3,1) 1.12s both}
@keyframes mchOpen{0%{opacity:0;transform:scale(.045)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
.belt,.port{animation:fadeUp .45s ease 1.5s both}
.floor,.panel,.knobs{animation:fadeUp .5s ease 1.7s both}
.feed,.feet{animation:fadeUp .4s ease 1.85s both}

.mch,.mbolts,.port,.win-g,.win-r,.wininner{transform-box:view-box;transform-origin:800px 278px;animation:mchOpen .45s cubic-bezier(.2,.9,.3,1) 1.12s both}

.belief{background:transparent!important;border-radius:0;overflow:visible;-webkit-mask-image:none!important;mask-image:none!important;margin-top:0;padding-top:clamp(30px,4vw,56px);z-index:2}
.belief h2{color:#0b1024}
.rd-num.mint{color:#CDF4E2}
.rd-div{background:rgba(255,253,247,0.30)}

.ins-lede{font-family:"Instrument Sans",sans-serif;font-size:1.05rem;line-height:1.6;color:rgba(255,253,247,0.86);max-width:56ch;margin:18px auto 0;text-align:center}
#insights .top{padding-top:clamp(24px,3vw,42px);padding-bottom:clamp(20px,2.4vw,32px)}

#insights .top h2{color:#fffdf7}
#insights .top h2 .ins-acc{color:#fffdf7}
#insights .top .ins-lede,#insights .top p.ins-lede{color:rgba(255,253,247,0.90)!important}
.isl-photo{animation:none!important;overflow:hidden;background-image:none!important}
.isl-drift{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;animation:islDrift 17s ease-in-out infinite alternate;will-change:transform;transform-origin:50% 100%}
.i1 .isl-drift{background-image:url("../img/insight-1.jpg");animation-duration:20s;animation-delay:-6s}
.i2 .isl-drift{background-image:url("../img/gpu.jpg");animation-duration:18.5s;animation-delay:-11s}
.i3 .isl-drift{background-image:url("../img/insight-3.jpg")}
.isl-tag{z-index:4}
@media (prefers-reduced-motion:reduce){.isl-drift{animation:none}}

#how .how{padding-top:0;padding-bottom:0}
#how .howhead{margin:0;padding:0;gap:0;min-height:0}
#how{padding-top:0;padding-bottom:0}

#insights.ins{padding-top:clamp(18px,2vw,30px)}
.belief{padding-bottom:clamp(4px,0.8vw,12px)!important}
#insights .top{padding-top:clamp(2px,0.4vw,8px);padding-bottom:clamp(18px,2vw,28px)}

.ins-zone{position:relative;z-index:1}
#insights{position:relative;z-index:2}
#insights .top{position:relative;z-index:2}

.doors{padding-top:clamp(2px,0.6vw,10px)!important}

section.doors h2.reveal{margin-bottom:clamp(24px,2.8vw,38px)!important}
section.doors .lede{margin-top:0!important;margin-bottom:clamp(30px,3.4vw,48px)!important}

#insights .top h2{margin-bottom:clamp(20px,2.4vw,34px)}
#insights .ins-lede{margin-bottom:clamp(30px,3.6vw,52px)!important}
.hero-cta{border-radius:14px!important;gap:9px!important}

#insights.ins{padding-top:clamp(40px,5vw,72px)!important}
#insights .gap-chev{margin-top:0}
#insights .top{padding-top:0!important}
.hero{padding-top:clamp(64px,7.5vw,108px)!important}

.rgly-down{transform:rotate(90deg)}
.rgly-lg{font-size:2.6rem;font-weight:400}
.gap-chev{display:flex;justify-content:center;margin:0 auto clamp(10px,1.6vw,22px);color:#CDF4E2;line-height:1;position:relative;z-index:2}
.gap-chev .rgly{width:auto}
.hero-cta{display:inline-flex;align-items:center;gap:2px;margin-top:22px;padding:11px 22px;border-radius:999px;background:#0b1024;color:#fffdf7;font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.hero-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(11,16,36,.22)}
.hero-cta .rgly{font-size:1.2em;transform:rotate(90deg) translateX(-1px)}
.hero .sub{display:flex;flex-direction:column;align-items:center}
@media (prefers-reduced-motion:reduce){.rgly-down{transform:rotate(90deg)}}

.belief .lede{color:rgba(11,16,36,0.86)!important;font-size:clamp(1.05rem,1.6vw,1.5rem)!important;line-height:1.45!important;font-weight:500}
#insights .top{display:block;text-align:center}
#insights .top>div{max-width:none;margin:0 auto}
#insights .top h2{text-align:center;margin-left:auto;margin-right:auto}
#insights .top h2 .ins-acc{text-decoration-color:#CDF4E2!important;text-decoration-thickness:3px;text-underline-offset:6px}
#insights .top h2 .dot{color:#CDF4E2!important}



.cat{font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:34px;fill:#2940FF;letter-spacing:0.13em;text-transform:uppercase}
.cat-r{text-anchor:start}.beltarrow text{font-family:"Instrument Sans",sans-serif;font-size:76px;font-weight:400;fill:#CDF4E2;dominant-baseline:central}

.scg{font-family:"Geist Mono",monospace;font-size:20px;fill:#CDF4E2;text-anchor:middle;dominant-baseline:middle;opacity:0;animation:scgFlash 4.8s steps(1,end) 0.92s infinite backwards}
@keyframes scgFlash{0%{opacity:.28}12%{opacity:.3}20%{opacity:.85;fill:#CDF4E2}30%{opacity:.5}40%{opacity:.9;fill:#8fe3c0}50%{opacity:.6}58%{opacity:.9;fill:#fffdf7}72%{opacity:.45;fill:#CDF4E2}84%{opacity:.3}100%{opacity:.28}}

.bl-t{fill:#ffffff!important}
.panel .f-t{fill:#ffffff!important}
.panel .f-l{fill:#f0f0ee!important}
.panel .f-r{fill:#e2e1dd!important}



.btn.b-light{border-radius:14px}
#insights .top h2{font-size:clamp(2.8rem,5.4vw,4.6rem)!important;line-height:1.04}

.hero h1{opacity:1!important;animation:none!important}
.sub,.hero-cta{opacity:0;animation:riseSub .8s ease .5s forwards}
@keyframes riseSub{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
.panel-logo{opacity:0;animation:fadeUp .5s ease 1.7s both}

.belief-div{display:none}

.panel .f-t{fill:#1c2338!important}
.panel .f-l{fill:#2a3350!important}
.panel .f-r{fill:#38425f!important}
.ic-inp{border:2px solid rgba(11,16,36,.5)!important}
.mg-tt::after{height:2px!important}
.mg-card:hover .mg-cta .rgly{transform:none!important}
.mg-cta .rgly{transition:none!important;display:inline-block!important;width:1ch!important;text-align:center!important;vertical-align:baseline!important;position:static!important;line-height:1!important;transform:none!important}

.floor{display:none}

.bl-t{fill:#1c2338!important;stroke:#0b1024!important}
.belt .gd{stroke:rgba(255,255,255,.10)!important}

.mch path{stroke:rgba(11,16,36,0.14)!important;stroke-width:0.6!important}
.mch>.f-t{fill:url(#mnTop)!important}
.mch>.f-l{fill:url(#mnL)!important}
.mch>.f-r{fill:url(#mnR)!important}
.crate .f-t{fill:url(#chTop)!important}
.crate .f-l{fill:url(#chL)!important}
.crate .f-r{fill:url(#chR)!important}
.crate path{stroke:rgba(11,16,36,0.16)!important;stroke-width:0.6!important}
.bl-t{fill:#1b2236!important;stroke:rgba(11,16,36,0.5)!important;stroke-width:0.6!important}
.q-ring{stroke:rgba(11,16,36,0.35)!important;stroke-width:0.8!important}
.cb-i{stroke:rgba(11,16,36,0.3)!important}

.q-dark{fill:#3a3020!important}
.q-lite{fill:#efe9dd!important}
.q-ring{stroke:rgba(58,48,32,0.4)!important}
.cb-p{stroke:rgba(58,48,32,0.55)!important}
.cb-i{stroke:rgba(58,48,32,0.35)!important}
.mdl-i{stroke:rgba(58,48,32,0.6)!important}
.mch path{stroke:rgba(120,105,80,0.22)!important;stroke-width:0.6!important}
.crate path{stroke:rgba(120,105,80,0.24)!important;stroke-width:0.6!important}
.bl-t{fill:#f2ede2!important;stroke:rgba(120,105,80,0.35)!important;stroke-width:0.6!important}
.belt .gd{stroke:rgba(120,105,80,0.16)!important}
.panel .f-t{fill:#cdbfa6!important}
.panel .f-l{fill:#bcac90!important}
.panel .f-r{fill:#a89778!important}
.cat{fill:#a6a08f!important}

.panel .f-t{fill:#CDF4E2!important}
.panel .f-l{fill:#a9d6c2!important}
.panel .f-r{fill:#8fbda9!important}
.mdl-i{stroke:#2fae82!important}

.cb-x{fill:none;stroke:rgba(58,48,32,0.4)!important;stroke-width:0.7}
.cb-v{fill:rgba(58,48,32,0.5)!important}

.cb-p,.cb-i,.cb-x,.cb-v{display:none!important}
.sym-hw{fill:#2940FF!important}
.sym-md{fill:#2940FF!important}

.combo .f-t{fill:url(#chTop)!important}
.combo .f-l{fill:url(#chL)!important}
.combo .f-r{fill:url(#chR)!important}
.combo path{stroke:rgba(120,105,80,0.24)!important;stroke-width:0.6!important}

.fprint{stroke:#f2ede2!important;stroke-dasharray:none!important;stroke-width:1.4!important}
.panel .f-t{fill:#161c33!important}.panel .f-l{fill:#101526!important}.panel .f-r{fill:#0b0f1c!important}

/* machine body immediate; belt crates keep their ride animation; combo (scanned box) keeps its cycle */
.mch,.mbolts,.port,.win-g,.win-r,.wininner{animation:none!important;opacity:1!important}
.belt,.feed,.feet{animation:none!important;opacity:1!important}
.coreinset{animation:none!important;opacity:1!important}

/* control panel: rises from the ground at FULL SIZE, with knobs already on it */
.panel{opacity:0;transform-box:view-box;transform-origin:800px 700px;animation:pnlRise 0.55s cubic-bezier(.16,1,.3,1) 1.0s both!important}.panel-logo{opacity:0;animation:pnlRise 0.5s cubic-bezier(.16,1,.3,1) 2.0s both!important}.knob-unit{opacity:0;transform-box:fill-box;transform-origin:center;animation:knobPop 0.42s cubic-bezier(.34,1.56,.64,1) both!important}.knob-unit:nth-of-type(1){animation-delay:1.55s!important}.knob-unit:nth-of-type(2){animation-delay:1.70s!important}.knob-unit:nth-of-type(3){animation-delay:1.85s!important}.knob-unit:nth-of-type(4){animation-delay:3.76s!important}
@keyframes pnlRise{0%{opacity:0;transform:translateY(26px)}45%{opacity:1}100%{opacity:1;transform:translateY(0)}}@keyframes knobPop{0%{opacity:0;transform:scale(0.2) translateY(6px)}60%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1) translateY(0)}}

#insights h2, .ins h2{color:var(--ink)!important}
#insights .ins-acc, .ins-acc{color:var(--ink)!important;text-decoration-color:#2fae82!important}
#insights .ins-lede, .ins-lede{color:var(--ink-soft)!important}
#insights .top p, .ins .top p{color:var(--ink-soft)!important}

#insights .top p.ins-lede, #insights p.ins-lede, .ins p.ins-lede{color:var(--ink-soft)!important}
.cat-labels{opacity:1}

.gap-chev{transform:translateY(clamp(-95px,-9vw,-55px))!important}

.mbolts .q-dark{fill:#7fe3bf!important}
.mbolts .q-lite{fill:#eafaf3!important}
.mbolts .q-ring{stroke:rgba(60,140,110,0.5)!important}
.ins{padding-top:clamp(64px,7vw,104px)!important}
.panel .f-t{stroke:rgba(255,255,255,0.12)!important;stroke-width:0.5!important}

.method:hover .mth-chev,.method:focus-visible .mth-chev{animation:none!important}
#insights .top h2 .ins-acc{text-decoration-color:#2940ff!important}#insights .top h2 .dot{color:#2940ff!important}
.u,.ux,.uline,.gr,.ins-acc,.acc-serif,.t-accent{text-decoration-thickness:0.06em!important;text-underline-offset:0.14em!important}

.method:hover .mth-chev,.method:focus-visible .mth-chev{animation:none!important;transform:none!important}

.doors h2,.doors .doors-h2{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.doors .lede{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.doors h2,.doors .doors-h2{font-size:clamp(2.8rem,5.4vw,4.6rem)!important}

.belief h2,.belief h2 .hl-a{color:#CDF4E2!important}
.belief .lede,.belief p.lede{color:#fffdf7!important}

@media(max-width:760px){
  .method::after{background:#0b1024!important;opacity:0.5!important}
}

.hero h1{margin-top:20px}

@media(max-width:760px){
  #insights .top{padding-top:28px!important}
  #insights .top h2{margin-bottom:8px!important}
  #insights .top .ins-lede,#insights .top p.ins-lede{margin-bottom:12px!important}
  #insights .top{padding-bottom:8px!important}
  .ic-inp{flex:0 0 auto!important;width:215px!important;height:54px!important;box-sizing:border-box!important}
}

@media(max-width:760px){
  /* 1. more space between Insights button and animation (+40px) */
  .hero .gapviz{margin-top:-59px!important}
  /* 2. more space above frontier/silicon labels + top of blue banner */
  .belief{margin-top:14px!important}
  /* 3. less space between glitch arrow and bottom of blue banner */
  .gap-chev{transform:translateY(-40px)!important}
  /* 5. a bit more space between Get the insights button and Your roadmap title */
  .doors{padding-top:26px!important}
}



.led-panel{fill:url(#ledScreen);stroke:rgba(90,108,255,.35);stroke-width:1}
.led-bezel{fill:none;stroke:rgba(230,224,210,.5);stroke-width:1.4}
.led-txt{font-family:'Geist Mono','Stack Sans Notch',monospace;fill:#CDF4E2}
.led-l1{font-size:16px;font-weight:700;letter-spacing:1px}
.led-l2{font-size:11px;letter-spacing:1px}
.led .led-txt{filter:drop-shadow(0 0 0.7px rgba(205,244,226,.4)) drop-shadow(0 0 1.5px rgba(205,244,226,.12));opacity:1}

.submob{display:none}@media(max-width:760px){.submob{display:inline}}



@media (min-width:1600px){.gapviz{margin-top:-97px!important}}

@media (min-width:1081px){.rd-kick{transform:translateX(-20px)}}

/* ===== TEMPORARY: fixed (non-hover) insight cards - desktop AND mobile =====
   The two "Soon" cards (i1, i3) stay blurred; the featured card (i2) stays sharp.
   Only the blue "Soon" badge is kept OUT of the blur; everything else on those cards (incl. the
   "Coming soon" button) stays soft so it does not compete with the badge.
   TO REVERT to the original hover behaviour: delete this whole <style id="soon-static"> block. */
@media (min-width:821px){
  /* 1. freeze all three cards - hover changes nothing */
  .ifeed:hover .isl.i1,.ifeed .isl.i1:hover,
  .ifeed:hover .isl.i3,.ifeed .isl.i3:hover{transform:scale(.94);z-index:1;box-shadow:0 6px 20px rgba(11,16,36,.14)}
  .ifeed .isl.i2,.ifeed:hover .isl.i2,.ifeed .isl.i2:hover{transform:scale(1.05);filter:none;z-index:2;box-shadow:0 20px 46px rgba(11,16,36,.22)}
  /* 2. blur no longer sits on the card itself... */
  .ifeed .isl.i1,.ifeed .isl.i3,
  .ifeed:hover .isl.i1,.ifeed:hover .isl.i3,
  .ifeed .isl.i1:hover,.ifeed .isl.i3:hover{filter:none}
  /* ...it sits on the content that should read as soft */
  .ifeed .isl.i1 .isl-drift,.ifeed .isl.i3 .isl-drift{filter:blur(3px) saturate(.9) brightness(.98)}
  .ifeed .isl.i1 .isl-title,.ifeed .isl.i3 .isl-title,
  .ifeed .isl.i1 .isl-reveal,.ifeed .isl.i3 .isl-reveal,
  .ifeed .isl.i1 .isl-read,.ifeed .isl.i3 .isl-read,
  .ifeed .isl.i1 .isl-soon,.ifeed .isl.i3 .isl-soon{filter:blur(3px)}
  /* 3. the badges stay sharp, on top of the blur */
  .ifeed .isl.i1 .isl-tag,.ifeed .isl.i3 .isl-tag{filter:none;z-index:5}

}

@media (max-width:820px){
  /* same principle on the mobile carousel: the two "Soon" cards stay soft,
     only the blue "Soon" badge stays sharp */
  .ifeed .isl.i1 .isl-drift,.ifeed .isl.i3 .isl-drift{filter:blur(3px) saturate(.9) brightness(.98)}
  .ifeed .isl.i1 .isl-title,.ifeed .isl.i3 .isl-title,
  .ifeed .isl.i1 .isl-reveal,.ifeed .isl.i3 .isl-reveal,
  .ifeed .isl.i1 .isl-read,.ifeed .isl.i3 .isl-read,
  .ifeed .isl.i1 .isl-soon,.ifeed .isl.i3 .isl-soon{filter:blur(3px)}
  .ifeed .isl.i1 .isl-tag,.ifeed .isl.i3 .isl-tag{filter:none;z-index:5}
}

/* ===== fix: page must never scroll sideways (navbar was shifting) =====
   1. the gap-readout was wider than the phone screen -> tighten its spacing so it fits
   2. decorative blob sits 200px outside the page -> clip it (overflow:clip keeps sticky working)
   3. the card carousel must not chain its swipe to the page */
@media (max-width:520px){
  .rd{padding-left:0;padding-right:0;gap:10px}
  .retic{padding-left:6px;padding-right:6px}
}
@media (max-width:380px){
  .rd{gap:6px}
  .retic{padding-left:3px;padding-right:3px}
}
@media (max-width:340px){
  .rd-num{font-size:28px}
  .rd{gap:4px}
  .retic{padding-left:0;padding-right:0}
}
html{overflow-x:clip}
.ifeed{overscroll-behavior-x:contain}

/* ===== GPU relief: fewer permanently-promoted layers =====
   The insight cards held 9 permanent compositor layers via will-change. On a Retina screen
   each layer costs 4x the memory. Their drift is a slow ambient animation that the browser
   can promote on demand, so the permanent hint is not needed. */
.isl,.isl-photo,.isl-drift{will-change:auto}

/* Mobile: DOM order is i2 (the real post) first, then i1 and i3 - so the carousel
   opens on the article and the dot indicators map correctly (they use DOM order).
   Desktop: put them back to i1 | i2 | i3 visually. */
@media (min-width:821px){
  .ifeed .isl.i1{order:1}
  .ifeed .isl.i2{order:2}
  .ifeed .isl.i3{order:3}
}

/* the subscribe CTA is a long label now - let it wrap and never exceed the screen */
.ins-cta .ic-btn{flex:0 1 auto;max-width:100%;white-space:normal;text-align:center;line-height:1.28}
@media (max-width:760px){
  .ins-cta .ic-btn{font-size:15px;padding:14px 22px}
}

/* insights heading: the plain words ("We measure") were rendering white/invisible
   on cream — a stale #fffdf7 rule + mid-file keyframe parse damage kept the intended
   dark rule from winning. Force dark + bold here at end-of-file. The "the gap." accent
   keeps its own serif-italic styling. */
#insights .top h2{color:var(--ink)!important;font-weight:700}

/* ===== fixes ===== */
/* hero copy + button were being painted over by the animation SVG's cream backdrop rect */
.hero > div:not(.diagram){position:relative;z-index:3}
.hero-cta{position:relative;z-index:3}
/* FAILSAFE: these start at opacity:0 and only become visible via their entrance
   animation. If a keyframe set goes missing in a build, they stay invisible forever.
   opacity:1 makes the resting state visible; animation-fill-mode:both keeps the
   fade-in identical when the keyframes DO exist (no flash during the delay). */
.hero h1, .hero .cta, .sub, .hero-cta{opacity:1;animation-fill-mode:both}

/* card buttons centred on every screen */
.isl-foot{justify-content:center}

/* contact: "Prefer email ..." centred under the Send button */
.formnote{text-align:center}

/* heading breaks to two lines on phones only */
.h2mob{display:none}

@media (max-width:760px){
  .h2mob{display:inline}
  /* readout row was wider than its container and sat 7px off-centre */
  .gaplog{width:100%}
  .rd{display:flex;width:100%;max-width:100%;box-sizing:border-box;justify-content:center;
      gap:6px;padding-left:0;padding-right:0}
  .retic{padding-left:2px;padding-right:2px}
  /* zoom the machine + belts (the 'aistack' word sits outside this group and keeps its size) */
  .anim-zoom{transform-box:view-box;transform-origin:0 0;
             transform:translate(800px,50px) scale(1.18) translate(-800px,-50px)}
  /* cards: let them grow so the centred button is never clipped */
  .ifeed .isl{height:auto;min-height:clamp(400px,118vw,460px)}
  .ifeed .isl-panel{padding-bottom:24px}
  .ifeed .isl-photo{background-color:#20242e}
}

/* narrow phones: nav row was wider than the screen and clipped the hamburger */
@media (max-width:400px){
  header .logo-img{height:42px!important}
  header .btn{padding:9px 14px!important;font-size:14px!important}
}
@media (max-width:345px){
  header .logo-img{height:36px!important}
  header .btn{padding:8px 12px!important;font-size:13px!important}
}