body{margin:0;background:#FFFFFF}
a{color:#5645EF}a:hover{color:#4331C6}
.nav a.lk{color:#C9CDDA;text-decoration:none}
.nav a.lk:hover{color:#FFFFFF}
.btn-p{background:#5645EF;color:#FFFFFF;text-decoration:none;transition:background .15s}
.btn-p:hover{background:#6954F0;color:#FFFFFF}
.btn-o{color:#F2F3F5;text-decoration:none;border:1px solid #5E6266;transition:border-color .15s,background .15s}
.btn-o:hover{border-color:#979A9B;background:#24293A;color:#FFFFFF}
.btn-ol{color:#37352F;text-decoration:none;border:1px solid #D5D9E2;transition:background .15s}
.btn-ol:hover{background:#ECEEF4;color:#37352F}
.slot{background:#E7E9EE;display:flex;align-items:flex-end;padding:14px;box-sizing:border-box}
.slot-d{background:#2E3549;display:flex;align-items:flex-end;padding:14px;box-sizing:border-box}
.tag{font-family:'IBM Plex Mono',monospace;font-size:12px;padding:5px 9px;border-radius:6px}
.lift{transition:transform .25s ease,box-shadow .25s ease}
.lift:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(28,31,41,.10)}
.bar-fill{animation:grow 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-cv{position:absolute;top:0;right:0;width:64%;height:100%}
.pipe-row{display:grid;grid-template-columns:1.1fr 1.1fr 2.6fr}
.wf-grid{display:grid;grid-template-columns:1.1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;row-gap:14px}
.wf-card{border:1px solid #3C4358;background:#24293A;border-radius:12px;padding:22px 20px;display:flex;flex-direction:column;gap:8px;min-width:0}
.wf-n{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#979A9B;margin-top:10px}
.wf-t{font-size:22px;font-weight:600;color:#FFFFFF}
.wf-d{font-size:15px;line-height:1.5;color:#B9BECD;margin:0}
.wf-arr{display:flex;align-items:center;justify-content:center}
.wf-loop{position:relative;display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;height:44px}
.wf-loop-l{grid-column:1;margin-left:50%;border-left:2px dashed #A79CF7;border-bottom:2px dashed #A79CF7;border-bottom-left-radius:12px;position:relative}
.wf-loop-l::before{content:"";position:absolute;left:-7px;top:-2px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid #A79CF7}
.wf-loop-m{grid-column:2 / 5;border-bottom:2px dashed #A79CF7}
.wf-loop-r{grid-column:5;margin-right:50%;border-right:2px dashed #A79CF7;border-bottom:2px dashed #A79CF7;border-bottom-right-radius:12px}
.wf-loop-label{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);background:#1C1F29;padding:0 12px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#A79CF7;white-space:nowrap}
@media (max-width:1000px){.wf-grid{grid-template-columns:1fr;row-gap:12px}.wf-grid>*{grid-column:1 !important;grid-row:auto !important}.wf-arr{transform:rotate(90deg);height:20px}.wf-group,.wf-loop{display:none}}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.advisor-card{width:calc((100% - 72px) / 4);min-width:260px}
@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advisor-card{width:calc((100% - 24px) / 2)}}
.photo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:280px 280px;gap:18px}
.photo-grid .pg-tall{grid-row:span 2}
.photo-grid .pg-wide{grid-column:auto}
.browser{background:#FFFFFF;border-radius:10px;overflow:hidden;border:1px solid #3C4358}
.browser-bar{height:26px;background:#2E3549;display:flex;align-items:center;gap:6px;padding:0 12px}
.browser-bar i{width:8px;height:8px;border-radius:50%;background:#5E6266;display:block}
.browser video,.browser img{display:block;width:100%;height:auto}
.photo-grid{grid-template-columns:1fr 1fr}
@media (max-width:700px){.photo-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:240px}.photo-grid .pg-tall{grid-row:auto}.photo-grid .pg-wide{grid-column:auto}}
@media (max-width:700px){.pipe-row{grid-template-columns:1fr 1fr}.pipe-row>div:last-child{grid-column:1 / -1}}
@media (max-width:900px){.hero-cv{width:100%;opacity:.4}.nav-links{display:none !important}.pipe-head{display:none !important}}
@media (prefers-reduced-motion:reduce){.bar-fill{animation:none}}
.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}
.feat.rev>.feat-media{order:2}
@media (max-width:900px){.feat{grid-template-columns:1fr;gap:28px}.feat.rev>.feat-media{order:0}}
.story{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start}
@media (max-width:900px){.story{grid-template-columns:1fr}}
@media (max-width:700px){.llama{opacity:0.1 !important}}
.fld{display:flex;flex-direction:column;gap:8px;min-width:0}
.fld label{font-size:14px;font-weight:600;color:#37352F}
.fld input,.fld textarea{font:inherit;font-size:16px;color:#37352F;background:#FFFFFF;border:1px solid #D5D9E2;border-radius:8px;padding:12px 14px;box-sizing:border-box;width:100%;transition:border-color .15s,box-shadow .15s}
.fld input:focus,.fld textarea:focus{outline:none;border-color:#5645EF;box-shadow:0 0 0 3px #F1EDFF}
.send{font:inherit;font-weight:600;font-size:16px;background:#5645EF;color:#FFFFFF;border:0;border-radius:8px;padding:15px 28px;cursor:pointer;transition:background .15s}
.send:hover{background:#4331C6}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:900px){.nav-links{display:none !important}}
@media (max-width:560px){.two{grid-template-columns:1fr}}
.browser video{aspect-ratio:16 / 9;object-fit:cover;background:#F2F3F5}
.tlink{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-weight:600;font-size:16px;color:#5645EF;text-decoration:none;min-height:44px}
.tlink:hover{color:#4331C6;gap:12px}
.tlink{transition:gap .15s}
.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.sw-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center}
@media (max-width:900px){.sw-hero{grid-template-columns:1fr}.sw-hero>div:last-child{padding:8px 26px 30px !important}}
.row{display:grid;grid-template-columns:1fr 1fr 2.4fr 1.1fr}
@media (max-width:900px){.nav-links{display:none !important}.row-head{display:none !important}.row{grid-template-columns:1fr 1fr}.row>.stage{grid-column:1 / -1}}
/* ---- Mobile and tablet layout (desktop above 900px is unchanged) ---- */
@media (max-width:900px){
.feat{grid-template-columns:1fr !important;gap:32px !important}
.feat.rev>.feat-media{order:0 !important}
.feat-media>img{height:320px !important}
}
@media (max-width:600px){
[style*="max-width:1280px"]{padding-left:20px !important;padding-right:20px !important}
[style*="padding:104px 32px"],[style*="padding:112px 32px"],[style*="padding:120px 32px"],[style*="padding:96px 32px"],[style*="padding:88px 32px"]{padding-top:64px !important}
[style*="padding:104px 32px;"],[style*="padding:104px 32px\""],[style*="padding:112px 32px;"],[style*="padding:96px 32px;"],[style*="padding:96px 32px\""],[style*="padding:88px 32px;"],[style*="padding:88px 32px\""],[style*="32px 112px"],[style*="32px 96px"]{padding-bottom:64px !important}
[style*="padding:72px 32px 96px"]{padding-top:40px !important}
#top>div[style*="padding:88px 32px 72px"]{padding-top:40px !important;padding-bottom:48px !important}
[style*="clamp(44px"]{font-size:38px !important}
[style*="clamp(42px"]{font-size:34px !important}
[style*="clamp(36px"],[style*="clamp(38px"]{font-size:31px !important}
[style*="clamp(32px"],[style*="clamp(34px"]{font-size:28px !important}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
.feat-media>img{height:260px !important}
.wf{padding:28px 20px !important}
.wf-t{font-size:20px}
[style*="padding:38px"]{padding:24px !important}
[style*="padding:26px 38px 38px"]{padding:20px 24px 24px !important}
form[aria-label="Contact form"]{padding:24px !important}
.photo-grid{grid-auto-rows:220px !important}
.btn-p,.btn-o,.btn-ol{text-align:center}
[style*="padding:12px 28px"]{padding:8px 18px !important}
[style*="grid-template-columns:120px minmax(0, 1fr)"]{grid-template-columns:94px minmax(0, 1fr) !important;gap:12px !important}
[style*="grid-template-columns:120px minmax(0, 1fr)"][style*="font-size:11px"]{font-size:8.5px !important;letter-spacing:0 !important}
[style*="grid-template-columns:120px minmax(0, 1fr)"] span[style*="padding-left:6px"]{padding-left:2px !important}
[style*="gap:56px;align-items:end"]{gap:20px !important}
}
/* ---- Mobile menu bar (only shown at 900px and below) ---- */
.mbar,.mmenu{display:none}
@media (max-width:900px){
body{padding-top:60px}
.nav{display:none !important}
.mbar{display:flex;position:fixed;top:0;left:0;right:0;height:60px;z-index:1000;align-items:center;justify-content:space-between;padding:0 12px 0 20px;background:#1C1F29;font-family:'Instrument Sans',system-ui,sans-serif;transition:box-shadow .2s,border-color .2s;border-bottom:1px solid transparent}
.mbar-scrolled{border-bottom-color:#2E3549;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.mbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#FFFFFF;font-weight:700;font-size:19px;letter-spacing:-0.01em}
.mbar-logo:hover{color:#FFFFFF}
.mbar-logo img{height:26px;width:auto}
.mbar-btn{width:44px;height:44px;border:0;background:transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.mbar-btn span{display:block;width:22px;height:2px;border-radius:2px;background:#F2F3F5;transition:transform .25s ease,opacity .2s ease}
.mnav-open .mbar-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mnav-open .mbar-btn span:nth-child(2){opacity:0}
.mnav-open .mbar-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mmenu{display:flex;flex-direction:column;position:fixed;top:60px;left:0;right:0;bottom:0;z-index:999;background:#1C1F29;padding:12px 20px 32px;overflow-y:auto;font-family:'Instrument Sans',system-ui,sans-serif;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
.mnav-open .mmenu{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease}
.mnav-open,.mnav-open body{overflow:hidden}
.mmenu a{display:block;padding:16px 0;border-bottom:1px solid #2E3549;color:#F2F3F5;text-decoration:none;font-size:22px;font-weight:600;letter-spacing:-0.01em}
.mmenu a[aria-current="page"]{color:#A79CF7}
.mmenu a.mmenu-app{margin-top:28px;border:1px solid #5E6266;border-radius:8px;padding:14px 18px;font-size:16px;text-align:center}
}
@media (prefers-reduced-motion:reduce){.mmenu,.mbar-btn span{transition:none !important}}